Angularjs 如何使用引导将两列网格中的长文本内容对齐？

A有一个包含多个元素的json数组。内容作为全文提供，长度可变

我想将网格中的这些元素与两列对齐。但是怎么做呢

<div class="row">
    <div class="col-sm-6" ng-repeat="text in texts">
        <div>{{text}}</div>
    </div>
</div>

此处最后一个元素“E”应置于“C”之下，而不是置于“D”之下。但事实并非如此。为什么？我的网格定义有误吗？

之所以出现这种情况，是因为引导使用了浮动：left，因此较短的列被拉到较高列的右侧

有两种方法可以解决此问题

1） Clearfix每隔12个

col-*

units“重置”DIV。在您的情况下，每2次

col-sm-6

之后。这就是方法。

或

2） CSS第n个子方法。使用CSS清除列：

之所以出现这种情况，是因为引导使用了

float:left

，因此较短的列被拉到较高列的右侧

有两种方法可以解决此问题

1） Clearfix每隔12个

col-*

units“重置”DIV。在您的情况下，每2次

col-sm-6

之后。这就是方法。

或

2） CSS第n个子方法。使用CSS清除列：

-------------
 AA   |  BB
      |  BBBB
-------------
 CC   |  DD
 CCCC |------
 CC   |  EE
      |  EEEE
      |  EE

 .row > .col-sm-6:nth-child(2n+1) {
        clear: left;
 }