Documentation and examples for Bootstrap badges, our
small count and labelling component.
Example
Badges can be used as part of links or buttons to
provide a counter.
Badges Gradients
Primary
Secondary
Info
Success
Danger
Warning
Light
Dark
Sizes
Use the
.badge-md
or
.badge-lg
modifier classes to adjust badge sizes.
Default
Medium
Large badge
Contextual variations
PRO
Add any of the below mentioned modifier classes to
change the appearance of a badge.
Primary
Secondary
Info
Success
Danger
Warning
Light
Dark