Badge
Contextual Variations
Add any of the below mentioned modifier classes to change the appearance of a badge.
Primary
Secondary
Success
Danger
Warning
Info
Light
Dark
Pill Badges
Use the
.badge-pill
modifier class to make badges more rounded.
Primary
Secondary
Success
Danger
Warning
Info
Light
Dark
Link Badges
Using the contextual badge classes on an element quickly provide actionable badges with hover and focus states.