List Group

Default List Group

• An item
• A second item
• A third item
• A fourth item
• And a fifth one

Links and buttons

With Icons

• An item
• A second item
• A third item
• A fourth item

Numbered

1. Cras justo odio
2. Cras justo odio
3. Cras justo odio

With badges

• A list item 14
• A second list item 2
• A third list item 1

With Contextual Classes

• A simple default list group item
• A simple primary list group item
• A simple secondary list group item
• A simple success list group item
• A simple danger list group item
• A simple warning list group item
• A simple info list group item
• A simple light list group item
• A simple dark list group item

With active and disabled items

• An active item
• A second item
• A third item
• A fourth item
• A disabled item

Clean list group

Add .list-group-flush to remove some borders and rounded corners to render list group items edge-to-edge in a parent container (e.g., cards).

• An item
• A second item
• A third item
• A fourth item
• A disabled item

With custom content

1. Subheading

   Cras justo odio
   14
2. Subheading

   Cras justo odio
   14
3. Subheading

   Cras justo odio
   14

Advanced Content

With Checkboxes and radios

• First checkbox
• Second checkbox
• Third checkbox
• Fourth checkbox
• Fifth checkbox