如何使一列延伸到推它下面的列在

Question

我不認爲我問這是清楚的，我可以輕鬆搜索，但這裏有雲：

我怎樣才能做一個引導柱延伸到一個更大的高度，以便當列環繞時，即使它不足以導致正常情況下，它們也會被偏移。

從本質上講，如何讓我的bottom面板在此bootply保持集中在這兩種情況下？ http://www.bootply.com/FCgrUtGuQ0

我left面板將是可變的長度，這意味着，如果使用一個col-x-offset-x它會得到進一步如果left面板下方延伸middle推過的。

如果我將bottom面板添加到新行，那麼如果面板left長於middle，它將在其上面留下空白。

我嘗試沒有成功緣陰性伎倆。它允許您更改這些示例全部使用的背景色，但似乎並未導致浮動面板向右移動。

我需要這個佈局在較小的屏幕尺寸不同的行爲，所以我不能只是把在同一col-x-6的middle和bottom，因爲這實際上是我lg佈局，並在sm我需要它在與left行動頂部一排，middle和在第二行中爲right兩列，並bottom作爲第三行。

緣陰性招：

.row { 
    overflow:hidden; 
} 

#extend-down { 
    padding-bottom: 10000px; 
    margin-bottom: -10000px; 
} 

Answer 1

這不是直接回答我的問題，因爲它並沒有解釋如何擴大柱高度，使重新定位正確發生，這不是普通的所有色譜柱尺寸和排列。

但在我的精確箱子列和行的情況下這種佈置可以用兩個主柱來解決，然後分離所述第二，在那裏3-6-3列可以容易地進行的內容爲3-9（4- -8）列保持相同的3-6-3間距。

http://www.bootply.com/UTq2klEuCG

通過將middle，right和bottom在第二列然後讓那些迴繞自然似乎處理我所有的情況與此特定的佈局。

所以我從

col-x-3 
col-x-6 
col-x-3 
col-x-6 

去

col-x-3 
col-x-9 
{ 
    col-x-8 
    col-x-4 
    col-x-8 
} 

這不是理想的，作爲一個2-8-2的安排可能會以大屏幕尺寸是最好的，但沒有按數學無法在col-x-10中輕鬆創建一個需要與2-8-2相同間距的子集。