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