Easily highlight new or unread items by adding a
<span class="badge"> to links, buttons, and more.
Add various labels to your content
Add any of the below mentioned modifier classes to change the appearance of a label.
.badge-pill modifier class to make badges more rounded.
Using the contextual
.badge-* classes on an
<a> element quickly provide actionable badges with hover and focus states.