Theme Colors
Layouts
Wide Boxed
Info! Here is Default Unify Buttons.
Button class="" Description
btn-u Default Unify Template button style
btn-u btn-u-blue Blue Button Style
btn-u btn-u-red Red Button Style
btn-u btn-u-orange Orange Button Style
btn-u btn-u-sea Turquoise Button Style
btn-u btn-u-green Green Button Style
btn-u btn-u-yellow Yellow Button Style
btn-u btn-u-default Grey Button Style
btn-u btn-u-dark New Dark Button Style
btn-u btn-u-purple New Purple Button Style
btn-u btn-u-aqua New Aqua Button Style
btn-u btn-u-brown New Brown Button Style
btn-u btn-u-dark-blue New Dark Blue Button Style
btn-u btn-u-light-green New Light Green Style
Heads up! Here is default Bootstrap buttons.
Button class="" Description
btn btn-default Standard gray button with gradient
btn btn-primary Provides extra visual weight and identifies the primary action in a set of buttons
btn btn-info Used as an alternative to the default styles
btn btn-success Indicates a successful or positive action
btn btn-warning Indicates caution should be taken with this action
btn btn-danger Indicates a dangerous or potentially negative action
btn btn-link Deemphasize 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.