angularを使用してスタンドアロンアプリを構築しましたが、応答性がありました（何もせず、row-fluidを使用しただけです）。ただし、現在、このスタンドアロン アプリを別の言語で構築された既存のサイトにインストールする準備をしています。angular で div をブートストラップし、その div にのみ Twitter Bootstrap css を適用しました。
次に、JQuery UI といくつかの角度のあるラッパー ディレクティブを使用して、アプリが存在する div をドラッグ、ドロップ、およびサイズ変更可能にしました。ただし、divのサイズを変更し始めたときに問題が発生しました。組み込みのレスポンシブ デザインは、div のサイズではなく、ウィンドウ全体のサイズに応答します。
不適切な CSS インライン スタイルについて申し訳ありません。私はまだそれを機能させるためにハッキングしています。これが今の私のコードです。
パーシャルには、行流体タグにいくつかのフォームといくつかのテーブルがあります。
全体的なポイントは、それが非常に小さいが、より完全なビューを表示するために拡張できるコーナーにあるツールであるということです. ただし、小さい場合はすべてが収まる必要があります。
<div draggable droppable resizable class="bootstrapped" ng-app="myApp" id="ambatool">
<div id="handle" style="background-color: gray; height: 50px; cursor: move"></div>
<div style="padding:20px" class="container" id="maintool">
<div ng-view>
</div>
<ul class="nav nav-tabs">
<li><a href="#/detail" data-toggle="tab" id="detailtab">Detail</a></li>
<li><a href="#/queue" data-toggle="tab" id="queuetab">Queue</a></li>
</ul>
</div>
<div id="dock"></div>