loading-img
Classic

Classic button style btn example btn-default

There is also option colors example btn-option1 or btn-option5

Default Primary Success Info Warning Danger Option 1 Option 2 Option 3 Option 4 Option 5 Basic Light
Rounded

Rounded buttons. Just add btn-rounded

All colors support rounded.

Default Primary Success Info Warning Danger Option 1 Option 2 Option 3 Option 4 Option 5 Basic Light
With Icons

Just put an icon on your button. Its gonna auto size and position itself.

Default Primary Success Info Warning Danger Option 1 Option 2 Option 3 Option 4 Option 5 Basic Light
Block Button

How to make a block button? Easy add btn-block on your button class.

Icon Button

Here is Icon buttons. You can create icon button with Font-Awesome. btn-icon

Sizing

You can easily change your button size.

Extra Small btn-xs, Small btn-sm, Normal with no size, Large btn-lg, Extra Large btn-xl

Extra Small Small Normal Large Extra Large
Groups

Wrap a series of buttons with .btn in .btn-group




Button Dropdowns

Use any button to trigger a dropdown menu by placing it within a .btn-group and providing the proper menu markup.

Justified button groups

Make a group of buttons stretch at equal sizes to span the entire width of its parent. Also works with button dropdowns within the button group.

Circle buttons

For buttons you can add .btn-circle to rounded buttons and make it circle.



Social Button

Make social buttons with colors and icons.

Examples

Create your style.


Checkbox Buttons
Radio Buttons