--- layout: default title: "Button-group - Sleek Admin Dashboard Template" bodyClass: "header-fixed sidebar-fixed sidebar-dark header-light" parent: "ui-elements" sub_parent: "components" activePage: "button-group" ---
Wrap a series of buttons with .btn
in .btn-group
. Read Bootstrap documentaion More Details.
For Outline Square Buttons With Dropdown add class .btn-outline-primary
For Icon Button Group add <i class="mdi mdi-alert"></i>
inside < button class="btn btn-primary">
.Get classes for material icon here.
For Icon Button Group add <i class="mdi mdi-alert"></i>
inside < button class="btn btn-outline-primary">
. Get classes for material icon here.
Combine sets of button groups into button toolbars for more complex components. Read Bootstrap documentaion for more details.
For Outline Button Toolbar pagination add class .btn-outline-primary
.
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.
For Outline Button add class .btn-outline-primary
.
Make a set of buttons appear vertically. Read Bootstrap documentaion More Details.
For Vertical Outline Buttons add class .btn-outline-primary
.