Блог

Главная - Вопросы по программированию - Начальная загрузка 4 — Выравнивание ссылки по вертикали с вводом группы форм

Начальная загрузка 4 — Выравнивание ссылки по вертикали с вводом группы форм

#bootstrap-4

Вопрос:

Я новичок в Bootstrap 4. В приведенном ниже примере я хочу, чтобы ссылка с текстом «проблема» была выровнена по центру с элементом управления вводом. Мой образец примерно делает это, но я думаю, что должен быть более элегантный способ. Предложения приветствуются! Спасибо.

 <div class="row">
    <div class="col-4 form-group">
        <label for="theHours"><b>Hours</b></label>
        <input class="form-control" type="text" id="theHours" aria-describedby="hoursHelp">
    </div>
    <div class="col-4 form-group d-flex flex-column justify-content-end mb-4">
        <a href="javascript:void()">issue</a>
    </div>
</div>

Ответ №1:

 <div class="row">
<div class="col-4 form-group">
    <label for="theHours"><b>Hours</b></label>
    <input class="form-control" type="text" id="theHours" aria-describedby="hoursHelp">
</div>
<div class="col-4 form-group  d-flex  justify-content-center align-items-center">
    <a href="javascript:void()">issue</a>
</div>

мы хотим выровнять вертикальные средства,мы должны добавить выравнивание по центру.

Комментарии:

1. Спасибо. На самом деле — я хотел, чтобы ссылка была выровнена по центру с полем ввода, а не с вертикальной совокупностью метки и поля. Если у вас есть какие-либо рекомендации по этому поводу, я был бы признателен.

Метки: