show the List Group With Badges.

List Group With Badges

Anybody  can also add badges to a list group. The badges will automatically be positioned on the right:

• 12 New
• 5 Deleted
• 3 Warnings

To create a badge, create a <span> element with class .badge inside the list item:

Example

<ul class="list-group">
  <li class="list-group-item">New <span class="badge">12</span></li>
  <li class="list-group-item">Deleted <span class="badge">5</span></li>
  <li class="list-group-item">Warnings <span class="badge">3</span></li>
</ul>