1) Bootstrap List Groups

Bootstrap List Groups are used to create a group of list with list items. It contain the an unordered list item.

To use the .list-group and .list-group-item for List item, with <ul< element & <li> .

Example:-

2) Bootstrap Active State List Groups

Current Item highlight use the .active class.

Example:-

3) Bootstrap Linked Items With List Group

It is Optionally, add the .list-group-item-action class.

Example:-

4) Bootstrap Disabled Item

To use the .disabled class disabled the item.

Example:-

5) Bootstrap Flush / Remove Borders

To use the .list-group-flush class to remove some borders and rounded corners:

Example:-