Javascript 引导两列布局和ng重复(angularjs)

Javascript 引导两列布局和ng重复(angularjs),javascript,css,angularjs,html,twitter-bootstrap,Javascript,Css,Angularjs,Html,Twitter Bootstrap,我正在尝试使用ng repeat创建两列布局 <div class="row"> <div class="col-md-6" ng-repeat="item in items"> Item: {{item}} </div> </div> 项目:{{Item} 这会导致以下问题: 另外,这个问题以前已经用原生CSS COL解决过了,但我想用bootstrap来解决 注意:下面提出的解决方案不起作用。。有人有其他想法吗

我正在尝试使用ng repeat创建两列布局

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

项目:{{Item}
这会导致以下问题:

另外,这个问题以前已经用原生CSS COL解决过了,但我想用bootstrap来解决


注意:下面提出的解决方案不起作用。。有人有其他想法吗?

你必须把它分成两列,但之后应该很容易:

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

项目:{{Item}
项目:{{Item}

因此我有两张桌子 保持引导风格

<table> <tr ng-repeat="cl in codelist" ng-if="$index<codelist.length/2">
                            <td>{{$index}}</td>

                        </tr></table>
<table> <tr ng-repeat="cl in codelist" ng-if="$index>=codelist.length/2">
                            <td>{{$index}}</td>

                        </tr></table>

{{$index}}
{{$index}}
它显示了奥迪的秩序 1 3 2 4 5 6
像这样

谢谢!这正是我想要的解决方案,因为一切都在视图中处理!嗨,有没有办法把它扩展到3,4列?我知道我总是可以键入“col-md-4”并将limit更改为items.length/3,但我认为可以使用具有可变col数的嵌套ng repeats执行此操作!p、 对不起,还有一件事。。我认为items.length/2,得到Math.floor,它省略了最后一个元素。可以添加+1吗?请看这个plunkr:有5个项目,但它只渲染前四个项目?你是对的,应该可以通过添加1来解决这个问题。