gcogco10 Ответов: 1

Как выровнять ваш ярлык ближе к вашему editorfor?

Привет Команда

У меня есть метка, и я хочу, чтобы она была ближе к @Html.EditorFor. Это далеко друг от друга с таким большим количеством пространств, вот что я примерил.

Что я уже пробовал:

<pre> <div class="form-group">
                        <label for="CourseName" class="col-sm-3 col-form-label">CourseName</label>
                        <div class="col-sm-5">
                            @Html.EditorFor(model => model.CourseName, new { htmlAttributes = new { @class = "form-control", autofocus = "autofocus", placeholder = "CourseName" } })
                            
                            <label for="Content Licence" class="col-sm-3 col-form-label">Content Licence</label> 
                        </div>
                    </div>

1 Ответов

Рейтинг:
6

Richard Deeming

Если вы хотите использовать col-* классы, ваш родительский элемент нуждается в row класс:

<div class="form-group row">
Нет никакого смысла иметь внутри ярлык "лицензия на контент". <div class="col-sm-5"> элемент, так как он не связан с вводом имени курса.

Если вы хотите, чтобы входные данные растягивались, чтобы заполнить доступную ширину, используйте col-sm вместо col-sm-5.

Если вы хотите, чтобы метка занимала только то место, которое ей требуется, используйте col-sm-auto вместо col-sm-3 Это, конечно, будет означать, что другие поля в той же форме не выстраиваются в линию, если их метки длиннее или короче .

Кроме того, вы можете выровнять метки по правому краю, добавив text-right в их классный список.

Формы · Bootstrap v4.5[^]
Сеточная система · Bootstrap v4.5[^]

gcogco10

Спасибо Ричард