Advertisement
Google Ad Slot: content-top
Bootstrap 5 Badges
In Bootstrap 5, badges are small, count-like indicators that can be used to highlight new content, notifications, or additional information. They can be styled using classes and are often used with buttons, links, or standalone elements.
Badge with Different Background Colors:
Badges support contextual color classes like bg-primary, bg-secondary, bg-success, etc.
Example
Example heading New
Example heading New
Example heading New
Example heading New
Example heading New
Example heading New
Example heading New
Example heading New
Pill Badges:
To make badges rounded, use the rounded-pill class.
Example
Example heading New
Example heading New
Example heading New
Example heading New
Example heading New
Example heading New
Example heading New
Example heading New
Link Badges:
Badges can be used as links for clickable elements by adding the href attribute.
Badge with Buttons:
Badges are often paired with buttons to display counts or statuses.