用twitter bootstrap 3折叠网格

Question

我有一排4格栅.我如何像这样崩溃它.

大 1排4列

中 2行2列

小 2行2列

Xtra小 4行1列

任何帮助,将不胜感激.谢谢

Answer 1

尝试这个..

<div class="container">
 <div class="row">
    <div class="col-lg-3 col-sm-6">x</div>
    <div class="col-lg-3 col-sm-6">x</div>
    <div class="col-lg-3 col-sm-6">x</div>
    <div class="col-lg-3 col-sm-6">x</div>
  </div>
</div>

在这种情况下，您只需指定，col-sm-*因为 sm 和 md 是相同的布局，并且网格将在最小设备 (xs) 上自动堆叠到单个 col 中。

演示： http: //bootply.com/86156