Example
Example heading New
Example heading New
Example heading New
Example heading New
Example heading New
Example heading New
Available variations
Add any of the below mentioned modifier classes to change the appearance of a label.
Default
Primary
Success
Info
Warning
Danger
Easily highlight new or unread items by adding a <span class="badge"> to links, Bootstrap navs, and more.
Self collapsing
When there are no new or unread items, badges will simply collapse (via CSS's :empty selector) provided no content exists within.
Cross-browser compatibility
Badges won't self collapse in Internet Explorer 8 because it lacks support for the :empty selector.
Adapts to active nav states
Built-in styles are included for placing badges in active states in pill and list navigations.