Bootstrap 5.3
Badges & Labels
Badges for counts, labels, and status indicators with pill and color variants
Badge Variants
Contextual badges for labels, counts, and status indicators:
PrimarySecondarySuccessDangerWarningInfoLightDark
Pill Badges
Rounded badges with pill style for a softer appearance:
PrimarySecondarySuccessDangerWarningInfo
Badge as Counters
Badges can be used to display notification counts or item quantities:
Heading New
Heading New
Heading New
Orders 24
Messages 5
Updates 12
Badges in Buttons
Badges can be embedded in buttons to show counts or notifications:
← Back to Bootstrap Components
Explore all 10 component categories