List groups are a flexible and powerful component for displaying a series of content. List group items can be modified and extended to support just about any content within. They can also be used as navigation with the right modifier class.
<ul class="list-group">
<li class="list-group-item justify-content-between">Cras justo odio <span class="badge badge-info">2</span></li>
<li class="list-group-item justify-content-between">Dapibus ac facilisis in <span class="badge badge-primary">10</span></li>
<li class="list-group-item justify-content-between">Morbi leo risus <span class="badge badge-primary">8</span></li>
<li class="list-group-item justify-content-between">Porta ac consectetur ac <span class="badge badge-success">7</span></li>
<li class="list-group-item justify-content-between">Vestibulum at eros <span class="badge badge-danger">4</span></li>
<li class="list-group-item justify-content-between">Morbi leo risus <span class="badge badge-warning">5</span></li>
</ul>
