-
-
-
Mark Andre mark.andre@gmail.com
Base Buttons
Basic example
Basic button group examplesButtons toolbar
Combine sets ofbtn-group into a btn-toolbar for more complex components.
Sizing
Instead of applying button sizing classes to every button in a group, just add.btn-group-* to each .btn-group, including each one when nesting multiple groups.
Nesting
Place a .btn-group within another.btn-group when you want dropdown menus mixed with a series of buttons.
Vertical
Make a set of buttons appear vertically stacked rather than horizontallyBasic example
Basic button group examplesButtons toolbar
Combine sets ofbtn-group into a btn-toolbar for more complex components.
Sizing
Instead of applying button sizing classes to every button in a group, just add.btn-group-* to each .btn-group, including each one when nesting multiple groups.
Nesting
Place a .btn-group within another.btn-group when you want dropdown menus mixed with a series of buttons.
Vertical
Make a set of buttons appear vertically stacked rather than horizontallyCustom Buttons
Basic example
Basic button group examplesButtons toolbar
Combine sets ofm-btn-group m-btn-group--pill btn-group into a btn-toolbar for more complex components.
Sizing
Instead of applying button sizing classes to every button in a group, just add.m-btn-group m-btn-group--pill btn-group-* to each .m-btn-group m-btn-group--pill btn-group, including each one when nesting
multiple groups.
Nesting
Place a .m-btn-group m-btn-group--pill btn-group within another.m-btn-group m-btn-group--pill btn-group when you want dropdown menus mixed with a series of buttons.
Basic example
Basic button group examplesButtons toolbar
Combine sets ofbtn-group m-btn-group m-btn-group--air into a btn-toolbar for more complex components.
Sizing
Instead of applying button sizing classes to every button in a group, just add.btn-group m-btn-group m-btn-group--air-* to each .btn-group m-btn-group m-btn-group--air, including each one when nesting
multiple groups.
Nesting
Place a .btn-group m-btn-group m-btn-group--air within another.btn-group m-btn-group m-btn-group--air when you want dropdown menus mixed with a series of buttons.
