arrays - Angular 2 & Bootstrap - 根据数组中元素的数量将列表分成两列

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>