引导窗体标签未放置在文本框之前

Question

我不明白为什么下面的代码将标签放在文本框的右侧而不是左侧？我应该在<div class="form-group">周围使用<div class="row">吗？

有人知道我错过了什么吗？

<div class="form-horizontal">
    @using (Html.BeginForm("EditClockGroup", "Admin", FormMethod.Post, new { enctype = "multipart/form-data" }))
    {
        @Html.ValidationSummary(false, "", new { @class = "alert alert-danger" })
        @Html.HiddenFor(model => model.GroupId, null)
        <div class="form-group">
            @Html.LabelFor(m => m.GroupId, new { @class = "col-md-2 control-label" })
            @Html.TextBoxFor(m => m.GroupId, new { @class = "col-md-7 form-control" })
        </div>
        <div class="form-group">
            @Html.LabelFor(m => m.GroupName, new { @class = "col-md-2 control-label" })
            @Html.TextBoxFor(m => m.GroupName, new { @class = "col-md-7 form-control" })
        </div>
        <div class="form-group">
            <div class="col-md-7 col-md-offset-2">
                <input type="submit" value="Update" class="btn btn-primary" />
            </div>
        </div>
    }
</div>

Answer 1

不能将 col-md-7 应用于输入标签。相反，您需要将输入放在 div 中。

<div class="form-group">
   @Html.LabelFor(m => m.GroupId, new { @class = "col-md-2 control-label" })
   <div class="col-md-7">
      @Html.TextBoxFor(m => m.GroupId, new { @class = "form-control" })
   </div>
</div>