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网格垂直对齐底部

回答

相关问题