Style Switcher
Theme Colors
Theme Skins

Layout Styles

Theme Type

Labels

Default Bootstrap Labels: You should use span tag, for example <span class="label label-*">

Default Primary Success Info Warning Danger

Default Unify Labels: You are able to use with many color options

Default Blue Reds Green Turquoise Orange Yellow
Purple Aqua Brown Blue Green Dark Light

Rounded Corner Labels: You should add an extra class .rounded or .rounded-2x into <span> tag to do circle badges.


Default Bootstrap examples:

Default Primary Success Info Warning Danger
Default Primary Success Info Warning Danger

Default Unify examples:

Default Blue Red Green Turquoise Orange Yellow
Purple Aqua Brown Blue Green Dark Light

Different Usages

At vero eos et sunt Similique atin culpa Voluptatum deleniti
At vero eos et sunt Similique atin culpa Voluptatum deleniti
# First Name Username Status
1 Mark @mdo Expiring
2 Jacob @fat Success
3 Larry @twitter Error!
4 htmlstream @htmlstream Pending

Example heading New

Example heading New

Example heading New

Example heading New

Example heading New
Example heading New

Badges

Default Badges: Easily highlight new or unread items by adding a <span class="badge badge-*"> to links, Bootstrap navs, and more.

1 2 3 4 5 6 7 8 9 10 11 12 13 14

Rounded Corner Badges: You should add an extra class .rounded into <span> tag to do cornerd badges.

1 2 3 4 5 6 7 8 9 10 11 12 13 14

Rounded Corner Badges: You should add an extra class .rounded-2x into <span> tag to do circle badges.

1 2 3 4 5 6 7 8 9 10 11 12 13 14

Different Usages

  • Old
  • Old
  • Old
  • Old
  • Old
  • Old
  • Old
  • New
  • New
  • New
  • New
  • New
  • New
  • New
  • Archive
  • Archive
  • Archive
  • Archive
  • Archive
  • Archive