使用twitter bootstrap折叠网格3

Question

我有一个4排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）。

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