Bootstrap 3 List Groups

Java portal provide in this tutorial you will learn how to use Bootstrap list group component. The list groups are very suitable and flexible component for showing lists of elements in a lovely manner. In most basic form a list group is basically an unordered list with the class.list-group whereas, the list items having the class .list-group-item.

The class ".list-group" within the <ul> component and the class ".list-group-item" within the <li>component are used to create a simple list group.

<ul class="list-group">
    <li class="list-group-item">Pictures</li>
    <li class="list-group-item">Documents</li>      
    <li class="list-group-item">Music</li>
    <li class="list-group-item">Videos</li>
</ul>
						

output

bootstrap list group