Рис.6. Использование текстовых полей для данных формы

Элементы управления Checkbox и Radio используются соответственно для множественного или одиночного выбора.

Пример checkbox-кнопок

 

Пример radio-кнопок

 

Чтобы заблокировать кнопку Checkbox или Radio, нужно добавить класс .disabled в контейнер с кнопкой, а также добавить атрибут disabled для кнопки.

Рис.4. Кнопки Radio и Checkbox вертикально

Рис.4. Кнопки Radio и Checkbox вертикально

 

Радиокнопки и чекбоксы в строку

 

Рис.5. Кнопки Radio и Checkbox в строку

Рис.5. Кнопки Radio и Checkbox в строку

 

Использование тэга Select в Bootstrap

Тэг <select> оказался наименее описанным в Bootstrap. Единственное, что нужно указать при использовании <select> - это класс .form-control.

 

Чтобы у <select> была возможность выбора нескольких значений, нужно добавить атрибут multiple:

 

Нередактируемые поля в Bootstrap

Вместо полей формы для отображения и передачи данных можно использовать текстовый элемент <p>. Для этого ему нужно указать класс .form-control-static.

 

Рис.6. Использование текстовых полей для данных формы

Рис.6. Использование текстовых полей для данных формы