Bootstrap Badges
Bootstrap badges are used to highlight the items. They are numerical indicator which describes how many items are connected with a link. If you want to use badges just add <span class = "badge"> to the links, navs, lists and more.
Example:
<a href="#">
1st link
<span class="badge">
01
</span>
</a>
<a href="#"> 2nd link <span class="badge"> 02 </span> </a>
<a href="#"> 3rd link <span class="badge"> 03 </span> </a>
<a href="#"> 2nd link <span class="badge"> 02 </span> </a>
<a href="#"> 3rd link <span class="badge"> 03 </span> </a>
Run Example
Here is another example of bootstrap badges inside the list:
Example:
<ul class="list-group">
<li class="list-group-item"> 1st list <span class="badge"> 1 </span> </li>
<li class="list-group-item"> 2nd list <span class="badge"> 2 </span> </li>
<li class="list-group-item"> 3rd list <span class="badge"> 3 </span> </li>
</ul>
<li class="list-group-item"> 1st list <span class="badge"> 1 </span> </li>
<li class="list-group-item"> 2nd list <span class="badge"> 2 </span> </li>
<li class="list-group-item"> 3rd list <span class="badge"> 3 </span> </li>
</ul>
Run Example