Css 一行带ng重复的div

我需要创建一个div列表，如下示例所示：

我正在使用引导网格系统和augularjs。我使用angularjs ng repeat指令动态创建div

我想要的是在包含属性“class”col-md-12”的div中包含属性“class”col-md-2”的无数div列表。然后我想使用滚动条来滚动外部div中的所有div

示例代码：

    <div class="col-md-12" scrollablebar>
        <div ng-repeat="newview in newviewslist" class="col-md-2">
            Here goes the date from newview... 
        </div>
    </div>

这是来自newview的日期。。。

这不起作用，每次ng repeat创建div时，“偏离路线”都会创建新行

---

如何防止这种情况发生？

在col-md-12中，可能会有6个col-md-2，之后会出现换行

尝试将“col-md-12”更改为“row流体”

---

我这样解决了这个问题：

<div class="container-fluid">
  <div class="row">
    <div class="col-md-1"></div>
    <div class="col-md-10 col-xs-11" scrollablehorizontal>
        <table class="borderless">
            <tbody>
                <tr>
                    <td ng-repeat="newviews in newviews" valign="top" class="shadowbox" scrollableverticall>
                        <p>
                            all the things... 
                        </p>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
    <div class="col-md-1"></div>
  </div>
</div>

所有的事情。。。

在使用row fluid和col-lg-3示例获得4次声誉后，我仍然得到换行符。您是否删除了类别：col-md-12？并为类添加display:inline块。col-md-2Yes。我不知道它是否继承了父对象？？根本没有输出。。我试图在代码的其余部分之外插入您的代码，但我仍然无法从数组中获取和输出..检查数组，删除“newview in newviewslist”并为测试添加“n in['one'、'two'、'three'、'four'、'five'、'six'、'seven'、'seven'”

.row-fluid{
   white-space: nowrap;
}

.row-fluid .col-md-2{
    display: inline-block;
    margin-left:10px;
}

<div class="container-fluid">
  <div class="row">
    <div class="col-md-1"></div>
    <div class="col-md-10 col-xs-11" scrollablehorizontal>
        <table class="borderless">
            <tbody>
                <tr>
                    <td ng-repeat="newviews in newviews" valign="top" class="shadowbox" scrollableverticall>
                        <p>
                            all the things... 
                        </p>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
    <div class="col-md-1"></div>
  </div>
</div>