Labels & Badges

Labels

Add any of the below mentioned modifier classes to change the appearance of a label.

Classes Labels
.label-default Default
.label-primary Primary
.label-success Success
.label-info Info
.label-warning Warning
.label-danger Danger

Simply put the .label class and make your span stand out in different header sizes

Example heading New

Example heading New

Example heading New

Example heading New

Example heading New
Example heading New

Badges

Add modifier classes to change the appearance of a badge.

Classes Badges
No modifiers 42
.badge-primary 1
.badge-success 22
.badge-info 30
.badge-warning 412
.badge-danger 999

Easily highlight new or unread items with the .badge class

  • © 2016 December
  • $39K

    Expenses
  • $11K

    Net Profit
  • $29K

    Total Sales
  • Earnings this week
  • Design
    1:12PM, Thursday, November 19, 2016
    Development
    11:40AM, Sunday, November 22, 2016
    Demo Settings
    Fixed Header
    Boxed Layout
    Collapse Leftbar
    Topnav
    Sidebar