List Group Elements

Basic List Group

• First item
• Second item
• Third item

Active Item in a List Group

• Active item
• Second item
• Third item

Flush / Remove Borders

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

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

List Group With Badges

Combine .badge classes with utility/helper classes to add badges inside the list group:

• Inbox 12
• Ads 50
• Junk 99
• Trash 25

List Group With Contextual Classes

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