Elements:Button Groups
To create button groups simply wrap a series of buttons with the
.btn class in a wrapper with the
.btn-group class.
All button styles can be applied to the buttons within the group.
Styles
Default
Outline
Rounded
Button toolbar
Sizes
By adding
.btn-group-lg or
.btn-group-sm to the
.btn-group you can alter the size of all the
.btn elements within the button group.
Large
Default
Small
Nesting
You can also "nest"
.btn-group elements within
.btn-group groups if you want to use dropdown menus within the group.
Vertical Button Groups
Button groups can also flow vertically by adding the
btn-group-vertical class instead of the
btn-group class.