包含面板列表的引导板主体内的水平滚动

Question

我有一个包含单行子面板的面板。我使用AngularJS动态创建子面板，有时会导致溢出。我想创建一个侧滚动条，以便我可以在一行中查看我的所有面板。

我尝试在父面板主体上添加style="white-space: nowrap; height: 100px; overflow-x: scroll; overflow-y: hidden;"。这将为水平侧边栏创建背景元素，但缺少实际滚动。当子元素不是面板列表而是一些其他元素（如<h1>或按钮）时，这通常有效。

我为demo创建了jsfiddle。 http://jsfiddle.net/ADukg/15681/

Answer 1

您需要将ng-repeat中重复div的display属性更改为inline-block，以使它们并排显示。请参阅随附的小提琴：

http://jsfiddle.net/xsfdzadm/

Answer 2

在col-md-2元素上，您需要添加样式float: none;。如果您希望将{{1}}宽度保持在更高的屏幕尺寸，则需要移除浮动{{1}}

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