Bootstrap предоставляет вам следующие типы макетов форм —
- Вертикальная (по умолчанию) форма
- Линейная форма
- Горизонтальная форма
Вертикальная или основная форма
Базовая структура формы поставляется с Bootstrap; отдельные элементы управления формой автоматически получают глобальный стиль. Для создания базовой формы сделайте следующее —
-
Добавьте форму роли в родительский элемент <form>.
-
Оберните метки и элементы управления в <div> с классом .form-group . Это необходимо для оптимального расстояния.
-
Добавьте класс .form-control ко всем текстовым элементам <input>, <textarea> и <select>.
Добавьте форму роли в родительский элемент <form>.
Оберните метки и элементы управления в <div> с классом .form-group . Это необходимо для оптимального расстояния.
Добавьте класс .form-control ко всем текстовым элементам <input>, <textarea> и <select>.
Встроенная форма
Чтобы создать форму, в которой все элементы встроены, выровнены по левому краю, а надписи расположены рядом, добавьте класс .form-inline в тег <form>.
Горизонтальная форма
Горизонтальные формы выделяются среди других не только количеством разметки, но и представлением формы. Чтобы создать форму, которая использует горизонтальный макет, выполните следующие действия:
Добавьте класс .form-horizontal к родительскому элементу <form>.
Оберните метки и элементы управления в <div> с классом .form-group .
Добавьте класс .control-label к меткам.