Twitter Bootstrap网格垂直对齐底部

Question

所以我一直在这看起来永远无法解决这个问题。我有一个由于图像而具有不同高度内容的网格，我试图让它们全部对齐底部但没有运气。我已经尝试了我在这里看到的东西，但是没有，在我的jsfiddle中评论

http://jsfiddle.net/qXT6K

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应用），以及删除捆绑到所有float类别元素中的span-属性。您还需要padding-right: 40px使容器的子项居中，并考虑margin-left: 20px，这也适用于.span-。

Answer 2

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

<强>更新 现在元素居中：http://jsfiddle.net/UxYnV/2/