Bootstrap справка на кнопки CSS
Цвета кнопок
Размеры кнопок
Активные/отключенные кнопки
Кнопка уровня блока
Группы кнопок
Классы кнопок
Классы, приведенные ниже, можно использовать для оформления любого элемента < a >, < Button > или < input >:
| Класса | Описание | |
|---|---|---|
| .btn | Добавление базовой стилизации к любой кнопке | |
| .btn-default | Указывает кнопку по умолчанию/Стандартная | |
| .btn-primary | Обеспечивает дополнительный визуальный вес и определяет основное действие в наборе кнопок | |
| .btn-success | Указывает на успешное или положительное действие | |
| .btn-info | Контекстная кнопка для информационных предупреждающих сообщений | |
| .btn-warning | Указывает на осторожность следует принимать с этим действием | |
| .btn-danger | Указывает на опасное или потенциально отрицательное действие | |
| .btn-link | Делает кнопку выглядеть как ссылка (все равно будет иметь поведение кнопки) | |
| .btn-lg | Делает большую кнопку | |
| .btn-sm | Делает маленькую кнопку | |
| .btn-xs | Делает дополнительную маленькую кнопку | |
| .btn-block | Делает кнопку уровня блока (охватывает всю ширину родительского элемента) | |
| .active | Делает нажатой кнопку | |
| .disabled | Делает кнопку отключенной | |
| .navbar-btn | Вертикальное выравнивание кнопки внутри панели навигации |
Классы групп кнопок
Приведенные ниже классы могут использоваться для <a>, <button>, Или <input> Элементы:
| Класса | Описание | |
|---|---|---|
| .btn-group | Группирует кнопки вместе в одной строке | |
| .btn-group-justified | Делает группу кнопок, охватывающих всю ширину экрана | |
| .btn-group-lg | Большая группа кнопок (делает все кнопки в группе кнопок больше-увеличенный размер шрифта и заполнение) | |
| .btn-group-sm | Малая группа кнопок (делает все кнопки в группе кнопок меньше) | |
| .btn-group-xs | Экстренная малая группа кнопки (делает все кнопки в группе кнопки экстренной малой) | |
| .btn-group-vertical | Заставляет группу кнопок отображаться вертикально в сложенном виде |
