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;
}