YouTip LogoYouTip

Bootstrap4 Button Groups

Bootstrap 4 allows us to put buttons on the same line. You can add the .btn-group class to a
element to create a button group. ## 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 You can use the .btn-group-vertical class to create vertical button groups: ## Example
[Try it Yourself Β»](#) * * * ## Nested Button Groups and Dropdown Menus We can set dropdown menus within button groups: ## Example
[Try it Yourself Β»](#) * * * ## Split Button Dropdown ## Example [Try it Yourself Β»](#) * * * ## Vertical Button Groups and 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 Β»](#)
← Bootstrap4 List GroupsBootstrap4 Images β†’