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

Question

我正在尝试使用ng-repeat创建两个col布局.

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

这导致以下问题:

PS此问题已经在本机CSS cols之前得到了解决,但我想用bootstrap来做.

PS下面提出的解决方案不起作用..任何人有任何其他想法吗？

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>