Bootstrap表单标签没有放在文本框之前?

时间:2017-03-15 19:52:42

标签: asp.net-mvc twitter-bootstrap

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

任何人都知道我错过了什么?

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

1 个答案:

答案 0 :(得分:2)

您无法将 col-md-7 应用于 输入 标记。相反,您需要在 div 中放置 输入

<xsl:value-of select="$url-parts/host" />
<xsl:value-of select="$url-parts/path" />