Boostrap無法在表單組內對齊表單組輸入

Question

這是發生的事情的圖片：

我不明白為什么表單組位於class =“ col-md col-sm-7”的div內，為什么表單組的伸縮程度比其所在的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>使它們具有相同的長度。