Angularjs 尝试将小型设备的列转换为行

问题是：它在一行中显示所有列和行。我遗漏了什么吗

HTML

<div class="container">
    <div class="row">
      <div class="col">
        User Name
      </div>
      <div class="col">
        Email Address
      </div>
      <div class="col">
        First Name
      </div>
      <div class="col">
        Last Name
      </div>
      <div class="col">
        Is Active
      </div>
    </div>
    <div class="row">
      <div class="col">
        User Name 1
      </div>
      <div class="col">
        Email Address 1
      </div>
      <div class="col">
        First Name 1
      </div>
      <div class="col">
        Last Name 1
      </div>
      <div class="col">
        Is Active 1
      </div>
    </div>
</div>

用户名
电子邮件地址
名字
姓
是活跃的
用户名1
电邮地址1
名字1
姓氏1
是活动的1

js依赖关系

angular.min.js

angular-route.min.js

angular-animate.js

angular-touch.js

ui-bootstrap-tpls.min.js

Css

bootstrap.min.css

---

.col

类（）是Bootstrap4.x中的新类，plunker包含Bootstrap3.x

在4.x中使用

.col

：

---

或者，在CDN上的3.x

4 alpha 6中使用特定的网格单元（

.col md-*

），但不要认为它与Angular BootstrapSir一起工作，我按照您的说明进行了更改，几乎完成了。事实上，我试图实现的是在同一个单元格中显示列名及其值，然后在小设备中显示下一个列名及其值，在同一单元格的下一行…但到目前为止，它开始工作…列正在完美地变成行…无论如何，感谢您的帮助。我结束这个问题。非常感谢你的帮助。