Classic

Classic button style btnexample btn-default

There is also option colors example btn-option1or btn-option5

DefaultPrimarySuccessInfoWarningDangerOption 1Option 2Option 3Option 4Option 5BasicLight

---

Rounded

Rounded buttons. Just add btn-rounded

All colors support rounded.

DefaultPrimarySuccessInfoWarningDangerOption 1Option 2Option 3Option 4Option 5BasicLight

---

Square

Square button style with btn-square

DefaultPrimarySuccessInfoWarningDangerOption 1Option 2Option 3Option 4Option 5BasicLight

---

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 SmallSmallNormalLargeExtra Large

---

Block Button

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

Block level buttonBlock level button

---

Icon Button

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

With Icons

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

DefaultPrimarySuccessInfoWarningDangerOption 1Option 2Option 3Option 4Option 5BasicLight

---

Groups

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

---

Button Dropdowns

Use any button to trigger a dropdown menu by placing it within a .btn-groupand 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.

---

Social Button

Make social buttons with colors and icons.

Sign in with TwitterSign in with FacebookSign in with Google

Examples

Create your style.

Show More1,10212Upload File