Bootstrap 5 Группа кнопок Вложение

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

Используемая вложенность группы кнопок Класс:

• .btn-group: этот класс используется для создания группы кнопок, вложенных в раскрывающееся меню.

Синтаксис:

<div class="btn-group" 
    role="group" aria-label="">
    ...
</div>

Пример 1: В этом примере мы будем использовать класс .btn-group для создания вложения группы кнопок.

Выход:

Пример 2. В этом примере мы будем использовать класс .btn-group-vertical для создания группы кнопок, вложенных вертикально.

Выход:

Ссылка: https://getbootstrap.com/docs/5.0/components/button-group/#nesting