The Bootstrap badge element used for labelling various components of the interface.

selected-file icon
This page demonstrates Badges functionality, See Bootstrap Documentation for a detailed technical explanation.
deco-blob-3 decoration


Heading One Badge

Notifications 4
Icon Badge heart interface icon

Theme Colors

Primary Primary 2 Primary 3

Bootstrap Colors

Primary Secondary Success Danger Warning Info Light Dark

Pill Badges

Primary Primary 2 Primary 3
arrow-up icon