Css 如何在两个不同的列中安排bootstrap中的井？

我想将我的油井列表安排在两个不同的列中。我已附加了我的plunker链接

这是我的看法

  <div class="well well-lg" ng-repeat="(key, data) in myData.config.A" style="width:500px;">{{key}}</div>
        </div>

---

我希望aaaa、bbbb、cccc在一列中，DDD、eeee、fffff在另一列中。如何安排这些内容？

这里有一种方法，我可以考虑使用Boostrap的网格系统

row.column

ng repeat

由

$index

跟踪。从这里，您可以使用

ng show

指定要有选择地显示哪些数据。这样，您可以在两列中显示它

这里是plunker链接：

---

注意：如果您想自定义自己的列，您可以使用引导网格系统以外的其他系统

如果需要两列，请在迭代元素的

class

属性中使用

col-xs-6

、

col-sm-6

、

col-md-6

或

col-lg-6

类之一

像这样：

<div class="well well-lg col-xs-6" ng-repeat="(key, data) in myData.config.A" style="width:500px;">{{key}}</div>

<div class="well well-lg col-xs-6" ng-repeat="(key, data) in myData.config.A" style="width:500px;">{{key}}</div>

<div class="well well-lg col-xs-6" ng-repeat="data in myData" style="width:500px;">{{data }}</div>