How you can add badge to list group in Bootstrap?

[itabhyas]

How you can add badge to list group in Bootstrap?

 

[maxstyle]

To create a basic list group, use an <ul> element with class .list-group, and <li> elements with class .list-group-item:

<ul class="list-group">
<li class="list-group-item">First item</li>
<li class="list-group-item">Second item</li>
<li class="list-group-item">Third item</li>
</ul>

 

[maxstyle]

To create a basic list group, use an <ul> element with class .list-group, and <li> elements with class .list-group-item:

<ul class="list-group">
<li class="list-group-item">First item</li>
<li class="list-group-item">Second item</li>
<li class="list-group-item">Third item</li>
</ul>

 

[adilkhan]

You can also add badges to a list group. The badges will automatically be positioned on the right: 12 New; 5 Deleted; 3 Warnings.

 

[Michael Burrows]

thanks for sharing. I learning about it.

 

[Sdgroupkol]

Great Info Keep it up.

 

[simran123@]

Learn Bootstrap in simple and easy steps starting from their . We can add the badges component to any list group item

 

[lolipop99]

Great Info Keep it up.