Home / Wrappers / Bootstrap / Badges & Labels
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 5 component categories