.btn-primary
.btn-secondary
.btn-default
.btn-success
.btn-info
.btn-warning
.btn-danger
Add class .btn-outline
| .btn-outline-inverse
to get outlined buttons.
You can use the following class combinations:
.btn-link
.btn-link.btn-link-light
.btn-link.btn-link-text
Use class .btn-link-underline
to emphasize a button while hovering.
Use .btn-lg
, .btn-sm
, .btn-xs
for fast change button size.
.btn-block
will make your button full-width unit.
Wrap a series of buttons into groups.
Wrap a series of buttons with .btn
in .btn-group
.
Combine sets of .btn-group
into a .btn-toolbar
for more complex components.
Make a set of buttons appear vertically stacked rather than horizontally
(.btn-group-vertical
).
Instead of applying button sizing classes to every button in a group, just add
.btn-group-*
to each .btn-group
, including when nesting multiple groups.
Place a .btn-group
within another .btn-group
when you want
dropdown menus mixed with a series of buttons.