引导MVC中的网格系统

Question

我在网格系统中遇到了一些问题。

我设计了这个标签和文本框，但我希望所有这些都在一起。
我该怎么做？
我尝试过，但是它不随我而来

enter image description here

这是我的代码：

    <div class="form-group">
        @Html.LabelFor(m => m.Name, htmlAttributes: new { @class = "control-label col-md-12" })
        <div class="col-md-10" >
            @Html.EditorFor(m => m.Name, new { htmlAttributes = new { @class = "form-control " } })
            @Html.ValidationMessageFor(m => m.Name, "", new { @class = "text-danger" })

        </div>
    </div>

Answer 1

我认为col-md-12应该替换为col-md-2，以便不超过12列。
另外，在您使用row的情况下添加一个form-group类，如果您使用的是引导程序4，则用col-form-label代替control-label。

<div class="form-group row">
    @Html.LabelFor(m => m.Name, htmlAttributes: new { @class = "col-md-2 col-form-label" })
    <div class="col-md-10" >
        @Html.EditorFor(m => m.Name, new { htmlAttributes = new { @class = "form-control " } })
        @Html.ValidationMessageFor(m => m.Name, "", new { @class = "text-danger" })

    </div>
</div>

有关更多详细信息，请咨询documentation。