Buttons
Gradient buttons
Add class .btn-gradient-{color}
for gradient buttons
Rounded buttons
Add class .btn-rounded
Outlined buttons
Add class .btn-outline-{color}
for outline buttons
Single color buttons
Add class .btn-{color}
for buttons in theme colors
Inverse buttons
Add class .btn-inverse-{color} for inverse buttons
Normal buttons
Use any of the available button classes to quickly create a styled button.
Icon Buttons
Add class .btn-icon
for buttons with only icons
Button Size
Use class .btn-{size}
Block buttons
Add class .btn-block
Button groups
Wrap a series of buttons with .btn
in .btn-group
Button with text and icon
Wrap icon and text inside .btn-icon-text
and use .btn-icon-prepend
or .btn-icon-append
for icon tags
Social Icon Buttons
Add class .btn-social-icon
Social button with text
Add class .btn-social-icon-text