Question

我有自举网格

hide()

它应显示3列网格，而不是列显示为行。我做错了什么？

Answer 1

所以你的第一行就像“标题”，下一行是记录。你的标题是1-2-1，但你的记录是2-4-6 =＆gt;它不会排队。为了防止它在小屏幕上堆叠，你可以改为使用col-xs-x。

<div class="row">
        <div class="col-xs-3">Column 1</div>
        <div class="col-xs-6">Column 2</div>
        <div class="col-xs-3">Column 3</div>
</div>
<div ng-repeat="Item in Items">
    <div class="row">
        <div class="col-xs-3">{{Item.Field1}</div>
        <div class="col-xs-6">{{Item.Field2}}</div>
        <div class="col-xs-3">{{Item.Field3}}</div>
    </div>
</div>

Answer 2

我假设你希望他们总是排队。打赌方式就是这样：

<div class="container">
    <div class="row">
      <div class="col-sm-2">Column 1<br>
        {{Item.Field1}}
      </div>
            <div class="col-sm-2">Column 2<br>
        {{Item.Field2}}</div>
            <div class="col-sm-2">Column 3<br>
        {{Item.Field3}}</div>
    </div>  
</div>

或者，您可以替换br并在div中包装元素并显示：block;

这里的工作示例：

http://www.bootply.com/tb10AKqzM1

Answer 3

自己输入代码后，它确实有效。当视口大小低于小视图大小（因此xs，超小尺寸）时，它将放入行。如果要在所有查看大小上查看它，则必须在所有类中添加x而不是s。

Bootstrap网格将列显示为行

3 个答案: