Boostrap无法在表单组内对齐表单组输入

Question

以下是发生的事情的图片：

我不明白为什么表格组在一个div =＆＃34; col-md col-sm-7＆＃34;为什么form-group拉伸比它所在的div容器更拉伸？怎么解决这个问题？

<div class="form-group">
    @Html.LabelFor(m => m.StartDate, new { @class = "col-md-3 col-sm-3 control-label" })
    <div class="col-md-6 col-sm-7">
        <div class="form-group has-feedback">
            <input type="text" class="datefieldjq form-control" name="StartDate" value="@dateval">
                <i class="form-control-feedback glyphicon glyphicon-calendar"></i>
        </div>
    </div>
</div>

<div class="form-group">
    @Html.LabelFor(m => m.Department, new { @class = "col-md-3 col-sm-3 control-label" })
    <div class="col-md-6 col-sm-7">
        @Html.DropDownListFor(m => m.Department, selList, new { @class = "form-control" })
    </div>
</div>

Answer 1

我认为您尝试对齐的是输入字段。如果我没有弄错，那么只需在size=""中添加相同的<input>属性就可以使它们具有相同的长度。