Bootstrap 5 Группа списка Флажки и радио

Bootstrap 5 Группа списка Флажки и использование радио .list-группа и классы .list-group-item для создания списка элементов. Класс .list-group используется с элементом <ul>, а .list-group-item используется с элементом <li>. Затем создайте флажок и радио в элементе ввода, используя атрибут type .

Примечание. В ситуациях, когда потенциальный текст метки элемента не виден, мы можем использовать атрибут aria-label.

Bootstrap 5 Группа списка «Флажки и радио» Классы: в группе «Список» «Флажки и радио» не используются специальные классы. Для этого мы используем классы List Group, Checkbox и Radio.

Синтаксис:

<ul class="list-group">
     <li class="list-group-item">
           <input class="form-check-input me-1" 
               type="checkbox" value="" aria-label="...">   
    </li>
</ul>

Пример 1. В этом примере мы узнаем о флажках группы списка.

Выход:

Пример 2: В этом примере мы узнаем о переключателях группы списка.

Выход:

Ссылки: https://getbootstrap.com/docs/5.0/components/list-group/#checkboxes-and-radios