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

---

Square

Square button style with btn-square

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

---

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

---

Block Button

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

Block level button Block 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.

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

---

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.

---

Social Button

Make social buttons with colors and icons.

Sign in with Twitter Sign in with Facebook Sign in with Google

Examples

Create your style.

Show More 1,102 12 Upload File