Bootstrap Component: Listgroups

Listgroups

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

Live Preview

First item
Second item
Third item
Fourth item

BMW
Audi
Kia
Volvo

<ul class="list-group list-group-horizontal">
    <li class="list-group-item">First item</li>
    <li class="list-group-item">Second item</li>
    <li class="list-group-item">Third item</li>
    <li class="list-group-item">Fourth item</li>
</ul>
<hr>
<!-- vertical by deafult-->
<ul class="list-group">
    <li class="list-group-item">BMW</li>
    <li class="list-group-item">Audi</li>
    <li class="list-group-item">Kia</li>
    <li class="list-group-item">Volvo</li>
</ul>