Twitter Bootstrap 栅格系统 垂直对齐底部

Question

我已经尝试了很久，但还是无法解决问题。我有一个带有不同高度内容的网格，由于图像而导致高度不同，我正在尝试将它们全部对齐到底部，但没有成功。我尝试过这里看到的方法，但还是不行。请参考我的jsfiddle链接：

http://jsfiddle.net/qXT6K

- John Quinones

---

你能详细解释一下你想做什么吗？你想让 .sizes 块与页面底部对齐的行吗？ - sglessard

Answer 1

这是一个更新的版本，带有我认为你想要的内容：http://jsfiddle.net/qXT6K/34/。

你在使用position: absolute; bottom: 0;时已经走上了正确的轨道，只需要正确设置偏移量即可。

我给容器div设置了高度，仅用于显示底部对齐。您确实需要为其设置高度，否则由于所有子元素都被绝对定位，它将默认为0。

为了使容器div居中（从而使其所有子元素出现在中心），您需要使用margin-left: auto和margin-right: auto（缩写为margin: 0 auto），并在div上设置一个宽度（在我的示例中应用到类span8），还需去掉与所有span-类元素捆绑在一起的float属性。您还需要padding-right:40px来使容器的子元素居中，以解决也应用于.span-的margin-left:20px。

- tuff

Answer 2

这是你想要的吗？http://jsfiddle.net/UxYnV/

更新 现在元素已经居中了：http://jsfiddle.net/UxYnV/2/

- Deleteman

---

基本上这就是我正在尝试的，但在你的例子中它不再居中了。 - John Quinones

所以我在我的测试网站上尝试了一下，发现它只是与文档窗口底部对齐。我认为这就是为什么需要将“available”定位为相对位置，以使这些元素保持在同一区域的原因。 - John Quinones

很抱歉，也许提供更多细节会帮助我们更好地帮助您...您想要底部对齐的元素，它们已经对齐了...现在您到底想要什么？您有一个我们可以查看的网址或其他东西吗？也许一个完整的示例会帮助我们更好地理解您的需求。 - Deleteman

好的，我会再试一次，抱歉我不擅长解释。div.sizes需要在div.available内部，我有一些元素在div.available上方和下方，我希望div.sizes像现在一样显示，但它们的内容应该与div.available底部对齐。希望这能有所帮助。 - John Quinones