Bootstrap Badges

Badges are just like the labels there is only one major difference in between of both and that the corners are more rounded. This tutorial is regarding Bootstrap badges.

Badges are mostly used to highlight new or unread items by using a <span class="badge"> to links, Bootstrap navs, and more. The following example demonstrates this:

When there are no new or unread items, badges will simply collapse via CSS’s :empty selector provided no content exists within.

Active nav states

Badges can be place in list navigations and active states of pill. You can get this by placing <span class="badge"> to active links, as displayed in the following example:

Leave a Reply

Your email address will not be published. Required fields are marked *