Последние учебники веб-разработки
 

Bootstrap CSS Buttons Reference


Цвета кнопки

По об


Кнопка Размеры


Active/Disabled Кнопки


Кнопка на уровне блоков

на

Кнопка Классы

Приведенные ниже классы могут быть использованы для любого стиля <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 Делает кнопку отключена Попробуй