List Groups are used to create a group of the list with list items. Use the classes .list-group and .list-group-item to create a list of items. The .list-group class is used with <ul> element and .list-group-item is used with <li> element are used to create a basic list group.
To create a linked list group, use <div> and <a> tag instead of <ul> and <li>. The .list-group-item-action class is used to set the hover effect to change the background color. You can also use bootstrap .active class to highlight a list item as the current one.
By using contextual classes, you can set the color to the list of items. To do this, add one of the .list-group-item-* classes (.list-group-item-warning, .list-group-item-danger, list-group-item-info, etc.) to the list group item. If the item is .active then its contextual class appears in a darkened version.
We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it.Ok