使用Bootstrap垂直对齐btn-group内的标签

Question

我在水平表单中有2 inline elements，我无法垂直对齐标签。有没有使用像display：table？

这样的黑客的方法

以下是我到目前为止尝试的代码： bootply

Answer 1

将line-height css添加到标签并将其与按钮的高度

匹配

新css：

.btn-group label{
   line-height: 35px;
}

由于.btn-group的高度为35px，因此行高也为35px。

Answer 2

使用新的 CSS3 Flexbox 显示属性。

在每种情况下都很容易且工作完美。

.btn-group{
   ....
   display:inline-flex;
   justify-content:center;
}

.btn-group label{
   ....
   align-self:center;
   margin-bottom:0px;
}