用twitter bootstrap 3折叠网格

Question

我有1行4 col网格。我怎么像这样崩溃呢。

大 1行4列

中 2行2列

小 2行2列

Xtra Small 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）上的单个列中。

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