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
| Feature | Supported |
|---|---|
| Horizontal groups | ✔️ |
| Vertical groups | ✔️ |
| Dropdown in groups | ✔️ |
| Toolbar | ✔️ |
| Justified buttons | ✔️ |
| Size customization | ✔️ |
