javascript - Bootstrap 两列布局和 ng-repeat (angularjs)

Question

我正在尝试使用 ng-repeat 创建一个两列布局。

<div class="row">
   <div class="col-md-6" ng-repeat="item in items">
       Item: {{item}}
   </div>
</div>

这会导致以下问题:

附言这个问题之前已经用原生 CSS cols 解决了，但我想用 bootstrap 来解决。

附言下面提出的解决方案不起作用。请问还有其他想法吗？

Answer 1

你必须把它分成两个单独的列，但之后应该很容易:

<div class="row">
   <div class="col-md-6" ng-repeat="item in items | limitTo: items.length /2: 0">
       Item: {{item}}
   </div>
   <div class="col-md-6" ng-repeat="item in items | limitTo: items.length /2: items.length /2">
       Item: {{item}}
   </div>   
</div>