使用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