パネルのリストを含むブートストラップパネル本体内の水平スクロール

Question

私は子パネルの単一の行を含むパネルを持っています。 AngularJSを使用して子パネルを動的に作成していますが、オーバーフローが発生することがあります。サイドスクロールバーを作成して、すべてのパネルを1行で表示できるようにします。

親パネルのボディにstyle="white-space: nowrap; height: 100px; overflow-x: scroll; overflow-y: hidden;"を追加しようとしました。これにより、水平サイドバーの背景要素が作成されますが、実際のスクロールはありません。これは、通常、子要素がパネルのリストではなく、<h1>やボタンのような他の要素の場合に機能します。

デモ用にjsfiddleを作成しました。 http://jsfiddle.net/ADukg/15681/

Answer 1

あなたはそれらを並べて表示するために取得するには、inline-blockにNGリピートで繰り返しのdivのdisplayプロパティを変更する必要があります。あなたはスタイリングdisplay: inline-block;を追加する必要があり、あなたのdata-ng-repeat要素で

http://jsfiddle.net/xsfdzadm/

Answer 2

：添付フィドルを参照してください。あなたが高いの画面サイズでcol-md-2幅を維持したい場合、あなたはfloatを削除する必要がありますfloat: none;

http://jsfiddle.net/ADukg/15682/