Basic List Group

• First item
• Second item
• Third item

Active Item in a List Group

• Active item
• Second item
• Third item

List Group With Linked Items

List Group With a Disabled Item

The disabled class adds a lighter text color to the disabled item. And if used on links, it will remove the default hover effect.

Flush / Remove Borders

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

• First item
• Second item
• Third item
• Fourth item

Horizontal List Groups

The .list-group-horizontal class displays the list items horizontally instead of vertically:

• First item
• Second item
• Third item
• Fourth item

List Group With Contextual Classes

• Success item
• Secondary item
• Info item
• Warning item
• Danger item
• Primary item
• Dark item
• Light item

Linked Items With Contextual Classes

Move the mouse over the linked items to see the hover effect: