Bootstrap Button Groups

Bootstrap Button Groups allow you to group multiple buttons together on a single line, creating toolbars, segmented controls, and dropdown actions.


Basic Button Group

Use the .btn-group class:



 


📏 Button Group Sizes

Button groups can be resized using .btn-group-lg, .btn-group-sm, or .btn-group-xs.


 

 


🎯 Vertical Button Group

Use .btn-group-vertical to place the buttons vertically:



 


🔽 Button Group with Dropdown

You can combine dropdowns with button groups:



 


🧰 Multiple Groups (Button Toolbar)

You can group multiple button groups together using .btn-toolbar.


 

 


🧩 Justified Button Group

Makes all buttons equal width:



 


📌 Summary

FeatureSupported
Horizontal groups✔️
Vertical groups✔️
Dropdown in groups✔️
Toolbar✔️
Justified buttons✔️
Size customization✔️

You may also like...