css - 一排带有 ng-repeat 的 div

Question

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

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

我想要的是包含属性“class”col-md-2“”的 div 的无限列表，其中一个 div 包含属性“class”col-md-12””。然后我想使用滚动条滚动外部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>

这是行不通的，每次 ng-repeat 创建一个 div 时，“偏离路线”都会创建新行。

如何防止这种情况发生？

Answer 1

我是这样解决问题的:

<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>