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.
Copy
Badges Gradients
Primary
Secondary
Info
Success
Danger
Warning
Copy
Sizes
Use the .badge-md
or .badge-lg
modifier classes to adjust badge sizes.
Default
Medium
Large badge
Copy
Contextual variations PRO
Add any of the below mentioned modifier classes to change the appearance of a badge.
Primary
Secondary
Info
Success
Danger
Warning
Copy