Default Button Group
Wrap a series of buttons with .btn
in .btn-group
. Read Bootstrap documentaion More Details.
Outline Square Button Group
For Outline Square Buttons With Dropdown add class .btn-outline-primary
Icon Button Group
For Icon Button Group add <i class="mdi mdi-alert"></i>
inside < button class="btn btn-primary">
.Get classes for material icon here.
Icon Button Group
For Icon Button Group add <i class="mdi mdi-alert"></i>
inside < button class="btn btn-outline-primary">
. Get classes for material icon here.
Button Toolbar pagination
Combine sets of button groups into button toolbars for more complex components. Read Bootstrap documentaion for more details.
Outline Button Toolbar pagination
For Outline Button Toolbar pagination add class .btn-outline-primary
.
Nesting
Place a .btn-group
within another .btn-group
when you want dropdown menus mixed with a series of buttons. Read Bootstrap documentaion for more
details.
Nesting Outline Button
For Outline Button add class .btn-outline-primary
.
Vertical Buttons
Make a set of buttons appear vertically. Read Bootstrap documentaion More Details.
Vertical Outline Buttons
For Vertical Outline Buttons add class .btn-outline-primary
.