# 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

##### List group item heading

3 days ago

Some placeholder content in a paragraph.

And some small print.

##### List group item heading

3 days ago

Some placeholder content in a paragraph.

And some muted small print.

##### List group item heading

3 days ago

Some placeholder content in a paragraph.

And some muted small print.

##### With Checkboxes and radios

- First checkbox
- Second checkbox
- Third checkbox
- Fourth checkbox
- Fifth checkbox