ОСНОВНОЕ

WORDPRESS

Операционные системы

Базы данных

Фреймворк Bootstrap

Лучше щепоть с покоем, чем пригоршня с трудом и томлением духа (Соломон).

Bootstrap – группы кнопок

FavoriteLoadingДобавить в избранное
1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (1 оценок, среднее: 5,00 из 5)
Загрузка...
Bootstrap - группы кнопок
Группы кнопок позволяют нескольким кнопкам взаимодействовать вместе на одной строке. Это полезно, если вы хотите разместить элементы, как кнопки выравнивания вместе. Вы можете добавить опциональный JavaScript стили радио и флажков с помощью плагина кнопок в Bootstrap.

В следующей таблице приведены важные классы Bootstrap, которые предоставляет использовать кнопки группы:

КлассОписаниеПример кода
.btn-groupЭтот класс используются для основной группы кнопок. Оберните ряд кнопок с классом .btnв.btn-group.
.btn-toolbarЭтот класс помогает объединить наборы <div class = “btn-group”> в <div class = “btn-toolbar”> для более сложных компонентов.
.btn-group-lg, .btn-group-sm, .btn-group-xsЭти классы могут быть применены к группе кнопок вместо изменения размера каждой кнопки.
.btn-group-verticalЭтот класс делает набор кнопок отображаются вертикально уложенными, а не горизонтально.

Основная группа кнопок

Следующий пример демонстрирует использование класса .btn-group, рассмотренной в приведенной выше таблице:

 

Кнопка панели инструментов

Следующий пример демонстрирует использование класса .btn-toolbarиз приведенной выше таблице:

 

Размер кнопки

Следующий пример демонстрирует использование класс.btn-group-*,обсуждаемый в приведенной выше таблице:

 

Вложенные

Вы можете вложить группы кнопок в другую группу кнопок, т.е. поместить .btn-groupв другую.btn-group. Это делается, когда вы хотите, выпадающее меню, смешанное с серией кнопок.

 

Вертикальные группы кнопок

Следующий пример демонстрирует использование класса .btn-группы по вертикалииз приведенной выше таблице:

 

Добавить комментарий

Войти с помощью: 

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Простая логическая игра "Поймай кота". Задача игры окружить кота точками так, чтобы он не смог убежать с поля. Постигла неудача - начни игру снова!

Заполните форму и наш менеджер перезвонит Вам в самое ближайшее время!

badge
Обратный звонок 1
Отправить
galka

Спасибо! Ваша заявка принята

close
galka

Спасибо! Ваша заявка принята

close