Buttons Default

use class .btn with either of .btn-info, .btn-primary, .btn-secondary, .btn-danger, .btn-success, .btn-dark, .btn-light, .btn-default, .btn-link

Button tags

.btn class can also be used with a, input, and button elements

Outline buttons

use classes .btn .btn-outline-color* on button

Round buttons

use classes .btn .btn-color* .btn-round on button

Round outline buttons

use classes .btn .btn-outline-color* .btn-round on button

Dropdown buttons

Pagination

use class .pagination on ul and .page-item on li

Button with icons

Button with icons

Use classes .fa .fa-* on i element wrapped within a button element

Button with icons

Use class .icon-round on button with icons only

Button sizes

Add .btn-lg or .btn-sm for additional sizes.

Create block level buttons—those that span the full width of a parent by adding .btn-block