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