Bootstrap two column layout and ng-repeat (angularjs)

Question

I'm trying to create a two col layout with ng-repeat.

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

This results in the following problem:

P.S. This problem has been answered before with native CSS cols but I want to do it with bootstrap.

P.S. The solution proposed below is not working.. anyone got any other ideas please?

Answer 1

You'll have to break it into two seperate columns, but it should be pretty easy after that:

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