Twitter引導程序元素對齊

我有4 blocks on a row所有在桌面上的一行顯示，但是當我調整窗口的大小（減少寬度）時，所有塊將顯示在不同的行。所以我會得到one column with 4 lines（4個元素），即使在一條線上可以適合兩個元素。Twitter引導程序元素對齊

I expect 2 lines with 2 elements 4條線與1個元素，更緊湊。如何做到這一點？

下面是代碼：

<div class="content row"> 
    <section class="col col-lg-3"> 
     <label>block 1</label> 
    </section> 
    <section class="col col-lg-3"> 
     <label>block 2</label> 
    </section> 
    <section class="col col-lg-3"> 
     <label>block 3</label> 
    </section> 
    <section class="col col-lg-3"> 
     <label>block 4</label> 
    </section> 
</div>

實際顯示：

調整大小後

------ ------ ------ ------ 
| | | | | | | | 
| | | | | | | | 
------ ------ ------ ------

顯示：

所需顯示調整大小後

--------------------------------- 
|        | 
|        | 
--------------------------------- 
--------------------------------- 
|        | 
|        | 
--------------------------------- 
--------------------------------- 
|        | 
|        | 
--------------------------------- 
--------------------------------- 
|        | 
|        | 
---------------------------------

：

--------------- --------------- 
|    | |    | 
|    | |    | 
--------------- --------------- 
--------------- --------------- 
|    | |    | 
|    | |    | 
--------------- ---------------

提及：bootstrap v3.0.0

來源

2013-10-29 Crisan Raluca Teodora

http://getbootstrap.com/css/#grid使用COL-MD太不只是LD（大型設備） – pbenard

有類：class = 「排液」在流體網格系統可能是你正在尋找的.. – codebreaker

你是否檢查了Grid-Options？有類似「col-xs-6」或「col-xs-3」等。我相信你可以改變行爲。

來源

2013-10-29 09:34:04 chris

嘗試

<div class="content row"> 
    <section class="col col-lg-3 col-sm-6"> 
     <label>block 1</label> 
    </section> 
    <section class="col col-lg-3 col-sm-6"> 
     <label>block 2</label> 
    </section> 
    <section class="col col-lg-3 col-sm-6"> 
     <label>block 3</label> 
    </section> 
    <section class="col col-lg-3 col-sm-6"> 
     <label>block 4</label> 
    </section> 
</div>

來源

2013-10-29 14:56:12 Marvin

這是不正確的，6 x 4 = 24，最大值是12 –

是的，但是12 = 100％寬度。所以如果它達到12，它應該打破其他12個新的路線，或不？ – Marvin

Twitter引導程序元素對齊

回答

相關問題