css - Bootstrap 3 : How do you align column content to bottom of row

Question

我在 Bootstrap 3 中有一行，该行有 3 列。我想将其中两列对齐到行的底部，并将第一列保持在顶部。当我使用传统方法在父级中使用相对位置并在两列中使用绝对位置时，我会得到一种奇怪的行为，我想这是因为 twitter Bootstrap 中的某些东西。这是正在发生的事情的一个缩影:

http://www.bootply.com/125735

绝对迫使所有列相互重叠，有人可以帮我吗？最终结果是这样的:

http://fahadalee.wordpress.com/2013/12/31/bootstrap-3-help-how-to-alin-div-in-bottom/

谢谢

Answer 1

您可以在要底部对齐的 2 列上使用 display: table-cell 和 vertical-align: bottom，如下所示:

.bottom-column
{
    float: none;
    display: table-cell;
    vertical-align: bottom;
}

工作示例 here .

此外，这可能是一个可能的 duplicate question .