Buttons

• .btn-primary
• .btn-secondary
• .btn-primary-light
• .btn-secondary-light
• .btn-primary-dark
• .btn-secondary-dark
• .btn-default
• .btn-success
• .btn-info
• .btn-warning
• .btn-danger
• .btn-light
• .btn-dark

Add class .btn-o to get the outlined buttons.

Add class .btn-circle to get the circle buttons.

Add classes .btn-t and .btn-tc (from transparent/-colored) to get transparent (default) buttons. The difference is only in the color of the text

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 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.

You can use btn-group-justified class.

Place a .btn-group within another .btn-group when you want dropdown menus mixed with a series of buttons.