Вивчайте Розширені Функції Кнопок

Групи кнопок

Bootstrap пропонує класи btn-group та btn-group-vertical для об'єднання кнопок, що забезпечує кращу організацію та контроль розташування:

btn-group: Цей клас групує кнопки горизонтально. Підходить для випадків, коли кнопки доцільно розміщувати поруч, наприклад, у панелях інструментів або навігаційних панелях;
btn-group-vertical: Цей клас розташовує кнопки вертикально. Корисний, коли кнопки потрібно відобразити у стовпчик, наприклад, у випадаючих меню або вертикальній навігації.

index.html

Групи перемикачів кнопок

Bootstrap надає клас btn-group-toggle для створення груп перемикачів кнопок. Ця функція дозволяє створювати набори кнопок, у яких одночасно може бути активною лише одна кнопка, подібно до радіокнопок у групі радіокнопок.

index.html

index.js

Все було зрозуміло?

Дякуємо за ваш відгук!

Секція 3. Розділ 5

Запитати АІ

Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат

Suggested prompts:

Can you show me examples of how to use btn-group and btn-group-vertical?

What are some common use cases for button toggle groups?

How do I make a button group responsive in Bootstrap?

Awesome!

Completion rate improved to 3.23

Свайпніть щоб показати меню

Групи кнопок

btn-group: Цей клас групує кнопки горизонтально. Підходить для випадків, коли кнопки доцільно розміщувати поруч, наприклад, у панелях інструментів або навігаційних панелях;
btn-group-vertical: Цей клас розташовує кнопки вертикально. Корисний, коли кнопки потрібно відобразити у стовпчик, наприклад, у випадаючих меню або вертикальній навігації.

index.html

Групи перемикачів кнопок

index.html

index.js

Все було зрозуміло?

Дякуємо за ваш відгук!

Секція 3. Розділ 5