Grid System в начальной загрузке MVC

Question

У меня проблемы с сеткой.

Я разрабатываю этот ярлык и текстовое поле, но хочу все это вместе.
Как я могу это сделать?
Я пытался, но это не со мной

введите описание изображения здесь

Это мой код:

    <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 и col-form-label вместо control-label, если вы используете загрузчик 4.

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

Пожалуйста, обратитесь к документации для более подробной информации.