YouTip LogoYouTip

Bootstrap5 Button Groups

# Bootstrap5 Button Groups Bootstrap 5 allows us to group buttons together on a single line. We can create a button group by adding the `.btn-group` class to a `
` element. ## Example
[Try it Yourself Β»](#) **Tip:** We can use the `.btn-group-lg|sm` class to set the size of the button group. ## Example
[Try it Yourself Β»](#) * * * ## Vertical Button Groups We can create a vertical button group by using the `.btn-group-vertical` class: ## Example
[Try it Yourself Β»](#) * * * ## Nested Button Groups & Dropdown Menus We can set up a dropdown menu inside a button group: ## Example
[Try it Yourself Β»](#) * * * ## Vertical Button Groups & Dropdown Menus ## Example
[Try it Yourself Β»](#) * * * ## Multiple Button Groups Button groups can be displayed side by side on the same line: ## Example
[Try it Yourself Β»](#) [](#)(#) (#)[](#)
← Perl FormatsPerl Operators β†’