<div class="control-group">
<label class="control-label ">Date of purchase as detailed on your receipt</label>
<div class="controls">
<div class="input-append">
<select name="invoice_date" value="2013-06-28" required="required">
<option value="">Please Select</option>
</select>
<button type="button" class="btn info btn-primary" data-help="invoice_date">i</button>
</div>
</div>
</div>
我尝试了一些解决方案,其中一种是使用绝对位置,但这会影响 Bootstrap 的其他区域,尤其是当它获得响应时。
我试图让输入与标签的中心对齐,该标签已被推到多行,但这是 Bootstrap 的最佳实践。
或者我应该简单地放弃并强制它显示一个全 Angular 标签并在下面输入?
任何见解都会很棒,谢谢!
最佳答案
如何覆盖 Bootstrap 的样式并使用 display:inline-block;
而不是 float 进行定位,然后您可以使用 vertical-align
使标签居中:
.form-horizontal .control-label {
display: inline-block;
vertical-align: middle;
float: none;
}
.form-horizontal .controls {
display: inline-block;
margin-left: 20px;
}
关于css - Twitter Bootstrap - 将输入与控制组内的标签垂直对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17845864/