Css 引导3-将标签与相应的Div垂直对齐
我已经复习了这里和网上的各种答案,但仍然无法使标签与相应的字段垂直对齐 例如,我有这样的东西:Css 引导3-将标签与相应的Div垂直对齐,css,asp.net-mvc,twitter-bootstrap,Css,Asp.net Mvc,Twitter Bootstrap,我已经复习了这里和网上的各种答案,但仍然无法使标签与相应的字段垂直对齐 例如,我有这样的东西: <div class="form-group"> <label class="control-label col-md-3">Referral Number</label> <div class="col-md-3"> @Model.Referral_Number </
<div class="form-group">
<label class="control-label col-md-3">Referral Number</label>
<div class="col-md-3">
@Model.Referral_Number
</div>
</div>
转介号码
@型号.U编号
我尝试过各种技巧,但是@Model.reflection\u编号垂直对齐到顶部
我已经使用开发人员工具检查了这一点,这似乎是因为标签控件是高度27,而div是高度20,从而错误地对齐了它们
解决这个问题的正确方法是什么?我知道我可以强制设置高度,但是有没有办法使用引导正确地处理这个问题?提供一个JSFIDLE的问题将有助于解决这不是高度问题。。这是保证金问题
controllabel
class添加了bottommargin:5px
,因此您需要将自己的css样式添加到标签或其旁边的div中,这就是答案。将页边距顶部:5px添加到内部div现在可以对齐它们,谢谢。我刚刚添加了一个“margintop”CSS类,并将它放在所有这些字段的col-md-3旁边。很好。提供你的问题的一部分会有帮助,这不是高度问题。。这是保证金问题controllabel
class添加了bottommargin:5px
,因此您需要将自己的css样式添加到标签或其旁边的div中,这就是答案。将页边距顶部:5px添加到内部div现在可以对齐它们,谢谢。我刚刚添加了一个“margintop”CSS类,并将它放在所有这些字段的col-md-3旁边。效果很好。