Angular 2&Bootstrap - 根据数组中的元素数将列表拆分为2列

Question

我刚刚开始学习Angular 2并且正在考虑一种很好的方法来做到这一点.假设我有一个包含10个对象的数组.所以我想在每个Bootstrap列中放置5个对象.我希望有人可以帮助我.

Answer 1

一个简单的方法就是使用column-count css属性.

CSS:

.columnList {
  column-count: 2;
}

HTML:

<ul class="columnList">
  <li *ngFor="let item of items">{{item}}</li>
</ul>