Badges
Documentation and examples for badges, our small count and labeling component.
Bootstrap documentationExample heading New
Example heading New
Example heading New
Example heading New
Example heading New
Example heading New
Buttons
Badges can be used as part of links or buttons to provide a counter.
Positioned
Use utilities to modify a .badge and position it in the corner of a link or button.
Background colors
Set a background-color with contrasting foreground color with our .text-bg-{color} helpers. Previously it was required to manually pair your choice of .text-{color} and .bg-{color} utilities for styling, which you still may use if you prefer.
Primary
Secondary
Success
Danger
Warning
Info
Light
Dark
Primary
Secondary
Success
Danger
Warning
Info
Light
Dark
Primary
Secondary
Success
Danger
Warning
Info
Primary
Secondary
Success
Danger
Warning
Info