将网格中的列推到底部,垂直对齐不起作用

时间:2014-08-19 12:35:25

标签: css twitter-bootstrap-3 vertical-alignment

我有一个3列网格,第1列和第3列有3行但第2列只有1行。

1.1    ==2==    3.1
1.2             3.2
1.3             3.3

如何将==2==推到底部?

1.1             3.1
1.2             3.2
1.3    ==2==    3.3

从中获取提示 vertical-align with Bootstrap 3 &安培; How to use vertical align in bootstrap 我把它变成了表和单元格格式 但它还没有工作......

http://jsfiddle.net/qfbp1o86/

1 个答案:

答案 0 :(得分:3)

为您的子元素添加float:none

.child {
border: 1px dotted blue;
display: table-cell;
vertical-align:bottom;
text-align:center;  
float:none;
}

DEMO