Jonathan Smith

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
.label-disabled Disable

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

  • Alerts Get notified on new alerts
  • Notifications Get notified on new notifications
  • Messages Get notified on new messages
  • Warnings Get notified on new warnings
  • Snap to increments
    Amount ($100 increments):
  • Range
    Price range:
  • Maximum
    Maximum Value:
  • Minimum
    Minimum Value: