Badges are similar to labels; the primary difference is that the corners are more rounded. Badges are mainly used to highlight new or unread items. To use badges just add <span class = "badge">
to links, Bootstrap navs, and more. They're most commonly found in email client and social networking websites.
Example
<ul class="nav nav-pills">
<li><a href="#">Home</a></li>
<li><a href="#">Profile</a></li>
<li class="active"><a href="#">Messages <span class="badge">24</span></a></li>
<li><a href="#">Notification <span class="badge">5</span></a></li>
</ul>
Preview