btn-uDefault Unify Template button style
btn-u btn-u-blueBlue Button Style
btn-u btn-u-redRed Button Style
btn-u btn-u-orangeOrange Button Style
btn-u btn-u-seaTurquoise Button Style
btn-u btn-u-greenGreen Button Style
btn-u btn-u-yellowYellow Button Style
btn-u btn-u-defaultGrey Button Style
btn-u btn-u-darkNew Dark Button Style
btn-u btn-u-purpleNew Purple Button Style
btn-u btn-u-aquaNew Aqua Button Style
btn-u btn-u-brownNew Brown Button Style
btn-u btn-u-dark-blueNew Dark Blue Button Style
btn-u btn-u-light-greenNew Light Green Style
Heads up! Here is default Bootstrap buttons.
btn btn-defaultStandard gray button with gradient
btn btn-primaryProvides extra visual weight and identifies the primary action in a set of buttons
btn btn-infoUsed as an alternative to the default styles
btn btn-successIndicates a successful or positive action
btn btn-warningIndicates caution should be taken with this action
btn btn-dangerIndicates a dangerous or potentially negative action
btn btn-linkDeemphasize a button by making it look like a link while maintaining button behavior

Button Icons

Outline Buttons

Button Sizes

Fancy larger or smaller buttons? Add .btn-lg, .btn-sm, or .btn-xs for additional sizes.

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

Disabled State

- Add the .disabled class to a buttons.

- Add the disabled attribute to button buttons.

Rounded Buttons

- Some rounded buttons examples. Add a class .rounded to buttons

- Moreover, you can add more rounded classes such as .rounded, .rounded-2x, .rounded-3x and .rounded-4x to buttons

Dropdown Buttons

- Unify split button dropdowns with icons

For Unify Split button dropdowns you should add a class btn-u-split-*

Et harum quidem rerum facilis est et expedita distinctio lorem ipsum dolor sit amet consectetur adipiscing elit. Ut non libero consectetur adipiscing elit magna. Sed et quam lacus. Fusce condimentum eleifend enim a feugiat. Pellentesque viverra vehicula sem ut volutpat.