Для размещения текста над полем в Bootstrap можно использовать класс "form-label" или "col-form-label". Эти классы позволяют создать структуру формы, в которой текст будет отображаться над соответствующим полем.
Вариант 1: Использование класса "form-label"
<div class="form-group"> <label for="inputText" class="form-label">Название поля</label> <input type="text" class="form-control" id="inputText"> </div>
В данном примере мы создаем контейнер с классом "form-group", который является обязательным для правильной структуры формы в Bootstrap. Внутри этого контейнера мы размещаем элемент "label" с классом "form-label" и атрибутом "for", указывающим на идентификатор поля ввода ("inputText" в данном случае). Затем следует поле ввода с классом "form-control".
Вариант 2: Использование класса "col-form-label"
<div class="form-group row">
<label for="inputText" class="col-sm-2 col-form-label">Название поля</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="inputText">
</div>
</div>
В этом варианте мы используем классы "row" и "col-sm-*" для создания горизонтальной структуры формы. Первый "label" размещается внутри контейнера с классом "row" и "form-group". Мы также добавляем класс "col-sm-2" к "label", чтобы определить ширину колонки, в которой будет размещаться текст. Затем следует контейнер "div" с классом "col-sm-10", в котором размещается поле ввода с классом "form-control".
Оба варианта дают ожидаемый результат, размещая текст над полем ввода. Вы можете выбрать подходящий вариант в зависимости от требований вашего проекта и предпочтений дизайна.