angular - 如何使用 Angular 5 创建网格

Question

如何使用角度 5 和引导网格创建下面的网格。名称将来自一个数组。

1. 名称 1 名称 4 名称 7
2. 名称 2 名称 5 名称 8
3. 姓名 3 姓名 6 姓名 9

标签： angulartypescriptangular-ui-bootstrap

Answer 1

这是一个使用隐藏和可见类来实现所需结果的小提琴。

桌面视图

<div class="col-md-6 col-lg-4">
  <div class="row">
  <div class="col-sm-12">Name 1</div>
  <div class="col-sm-12">Name 2</div>
  <div class="col-sm-12">Name 3</div>
  <div class="col-sm-12">Name 4</div>
  </div>
</div>
<div class="col-md-6 col-lg-4 hidden-md">
  <div class="row">
 <div class="col-sm-12">Name 5</div>
  <div class="col-sm-12">Name 6</div>
  <div class="col-sm-12">Name 7</div>
  <div class="col-sm-12">Name 8</div>
  </div>
</div>