如何垂直对齐Bootstrap中不同列中的内容?

时间:2014-06-29 09:27:59

标签: jquery css twitter-bootstrap twitter-bootstrap-3

可在以下网址找到代码:

http://www.bootply.com/Z85ieOd2nu

我尝试使用<h2>创建包含<button>内联的行。但是,我发现它们在结果中很奇怪。

有没有人有这方面的想法? (如何将它们全部垂直对齐?)

2 个答案:

答案 0 :(得分:1)

您可以在CSS中使用line-height:70px;。将.row(在您的情况下为“70px”)的高度指定给按钮的CSS,您就完成了。

http://www.bootply.com/FyZOo7ach4

答案 1 :(得分:0)

Bootstrap为h标签提供顶部和底部边距。 这里也有顶部和底部边距,但没有任何边距(这就是为什么它贴在顶部)。

要解决此问题,请从标记中删除边距或为标记提供上边距和下边距(在本例中):

button {
    margin-top:20px;
    margin-bottom: 10px;
}