Twitter Bootstrap網格垂直對齊底部

所以我一直在這似乎永遠無法弄清楚。我有一個由於圖像而具有不同高度內容的網格，我試圖讓它們全部對齊底部但沒有運氣。我已經試過了我看到的在這裏，但沒了，在我的jsfiddleTwitter Bootstrap網格垂直對齊底部

2012-10-11 John Quinones

你能解釋一下你試圖做什麼，你想要.sizes塊的行對齊到頁面的底部嗎？ – sglessard

這是你的提琴的更新版本（我覺得）你想：http://jsfiddle.net/qXT6K/34/

你在正確的軌道上position: absolute; bottom: 0;;這只是獲得正確的偏移量的問題。

我已經給容器div一個高度只是爲了顯示底部對齊。你需要給它一個高度，否則其所有的孩子絕對定位，則默認爲0。

要居中的div容器（所以有它的所有的孩子出現在中心），你需要使用margin-left: auto和margin-right: auto （速記margin: 0 auto），加上div上的設置寬度（在我的示例中，通過span8類應用），並刪除float屬性，該屬性被捆綁到所有span-分類元素中。您還需要padding-right: 40px來對集裝箱的小孩進行集中處理，其中margin-left: 20px也適用於.span-。

來源

2012-10-11 20:00:02 tuff

完美，謝謝！ –

評論說這是你想要的嗎？ http://jsfiddle.net/UxYnV/

更新現在的元素都集中：http://jsfiddle.net/UxYnV/2/

來源

2012-10-11 19:40:48 Deleteman

非常多，這是我正在嘗試，但在你的例子中，它不再居中 –

現在呢？（檢查我的答案更新） – Deleteman

所以我試着在我的測試網站上看到它，它只是對齊到文檔窗口的底部。我認爲這就是爲什麼需要定位相對於讓這些元素留在同一個區域的原因。 –

Twitter Bootstrap網格垂直對齊底部

回答

相關問題