Twitter bootstrap 3 UI引导:垂直对齐日期时间选择器
我在对齐表单组件时遇到问题。Twitter bootstrap 3 UI引导:垂直对齐日期时间选择器,twitter-bootstrap-3,angular-ui-bootstrap,Twitter Bootstrap 3,Angular Ui Bootstrap,我在对齐表单组件时遇到问题。 如您所见,日期时间选择器未与选项输入对齐 笔名 登记日期 候选人 合股 如何垂直对齐这些组件 [更新] 已解决: <div class="col-md-6"> <label class="col-md-5 control-label" for="field_dateEnregistrement">Date Enregistrement</label>
如您所见,日期时间选择器未与选项输入对齐
笔名
登记日期
候选人
合股
如何垂直对齐这些组件
[更新]已解决:
<div class="col-md-6">
<label class="col-md-5 control-label" for="field_dateEnregistrement">Date Enregistrement</label>
<div class="col-md-5">
<div class="input-group">
<input id="field_dateEnregistrement" type="text" class="form-control" name="dateEnregistrement" uib-datepicker-popup="{{dateformat}}" ng-model="vm.consultant.dateEnregistrement" is-open="vm.datePickerOpenStatus.dateEnregistrement"/>
<span class="input-group-btn">
<button type="button" class="btn btn-default" ng-click="vm.openCalendar('dateEnregistrement')"><i class="glyphicon glyphicon-calendar"></i></button>
</span>
</div>
</div>
</div>
登记日期
您可以使用CSS文件中元素id上的边距
(我还添加了宽度,使其与下表一样宽)您可能希望删除它
#field_dateEnregistrement {
margin-left:14px;
width:211px;
}
#field_dateEnregistrement {
margin-left:14px;
width:211px;
}