Bootstrap 无法对齐表单组内的表单组输入答案

【问题标题】：Boostrap can't align form-group input inside form-groupBootstrap 无法对齐表单组内的表单组输入
【发布时间】：2016-03-25 10:32:43
【问题描述】：

这是正在发生的事情的图片：

我不明白为什么表单组在 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>

【问题讨论】：

请在相关代码前后显示更多代码，我认为这还不够
为什么需要在 '
' 中放置一个 '
'？
@Franco 内部表单组允许字形图标与输入框内联显示。外部表单组允许控件标签像页面上的所有其他人一样正确对齐