如何在Bootstrap 3中指定行高？

Question

使用Bootstrap 3我将.row类的样式设置为3.5em的高度。 我在这行中有几个输入。它们对齐到行的顶部，我想让它们在底部对齐。

我尝试过一种vertical-align：bottom样式，但似乎不起作用。 我希望事物底部对齐的原因是我有一个浮动标签，我在输入字段上方弹出。

关于如何完成底部对齐的任何建议？

Answer 1

修改

也许我误解了你想做什么。

如果要垂直对齐行的内容，可以使用该解决方案：

.row-bottom-align {
    display: table;
    table-layout: fixed;
}

.row-bottom-align > div {
    display: table-cell;
    float: none;
    vertical-align: bottom;
}

并在行中添加row-bottom-align。

查看实际操作：http://jsfiddle.net/G5e3e/

==

原始回答

这是让您的列具有相同高度的方法。

（通过将vertical align设置为“top”，你也可以使用上面的解决方案进行相同的渲染，但是这是使用margin / padding的另一种方法）

.row-same-height {
    overflow: hidden;
}

.row-same-height > div {
    margin-bottom: -2000px !important;
    padding-bottom: 2000px !important;
}

只需在行中添加row-same-height类

<div class="row row-same-height"></div>

查看实际操作：http://jsfiddle.net/Cxa2m/