Twitter Bootstrap填充空白區域

我正在開發我的第一個Twitter Bootstrap項目，雖然幾乎所有項目看起來都不錯，但我無法找到解決方案來填滿跨行間跨度的空白空間。假設我的第一行有3列（span4），其中2個高度爲200px，最後一個只有50px，我將在該元素下面獲得150px的空白空間。是否有任何機會讓這些元素像f.e一樣浮動到頂部。 jQuery砌體或同位素？Twitter Bootstrap填充空白區域

來源

2012-12-21 Raphael Jeger

工作你有磚石試過嗎？ –

謝謝亞歷山德羅，你的意思是用磚石替換Bootstrap還是添加它？我真的很喜歡Bootstrap，因爲它的響應特性和樣式，但我需要漂浮到下面的頂部元素，如上所述，我需要能夠動態地添加元素與AJAX的行... –

http://www.deanclatworthy.com/2012/09/respon-twitter-bootstrap-masonry/ –

除了上面的說明，這裏是一個響應式CSS解決方案，它基於每列添加一個大填充和一個相等大的負邊界，然後將整行放入隱藏了溢出的類中。

.col{ 
margin-bottom: -99999px; 
padding-bottom: 99999px; 
background-color:#ffc; 
} 

.col-wrap{ 
overflow: hidden; 
}

你可以看到它在jsFiddle

來源

2012-12-23 00:36:48

你是否仍在努力呢？ –

Twitter Bootstrap填充空白區域

回答

相關問題