-
-
Mark Andre mark.andre@gmail.com
Base Buttons
Basic example
Basic button group examplesButtons toolbar
Combine sets of
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
.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 of
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
.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 of
m-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 of
btn-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.
