Buttons

Use Bootstrap’s custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.
Bootstrap documentation


Outline

In need of a button, but not the hefty background colors they bring? Replace the default modifier classes with the .btn-outline-* ones to remove all background images and colors on any button. Additionally we've added the .btn-outline-border modifier.


Sizes

Besides .btn-lg and .btn-sm, we've added .btn-xs and .btn-xxs for even smaller buttons.


Circle

Turn any button into a circle with a .btn-rounded-cirle modifier.


Underline

Remove top, right, and left borders with a .btn-underline modifier.


Arrows

Simply add the Feather Icons left or right arrow icons to animate them on hover.


Brands

Popular brand colored buttons. Easily add more by extending the $brand-colors SCSS map in variables.scss.


Hover

Creates a pulse effect on hover. Works perfectly with circle buttons.