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.
Use the .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.