Badges

Examples for badges, our small count and labeling component

Bootstrap docsarrow-right-1


Basic examples

Primary Secondary Success Danger Warning Info Light Dark

Soft

Square only

Creates a soft variation of badges.

Primary Secondary Success Danger Warning Info Light Dark

Pill badges

Use the .badge-pill modifier class to make badges more rounded (with a larger border-radius and additional horizontal padding). Useful if you miss the badges from v3.

Primary Secondary Success Danger Warning Info Light Dark