# Lists

List groups

The most basic list group is an unordered list with list items and the proper classes. Build upon it with the options that follow, or with your own CSS as needed.

- 1. Active item
- 2. Dapibus ac facilisis in 4
- 3. Morbi leo risus
- 4. Disabled item 17
- 5. Vestibulum at eros NEW

##### WITH DIVIDER LINE

- 1. Active item
- 2. Dapibus ac facilisis in 4
- 3. Morbi leo risus
- 4. Disabled item HOT
- 5. Vestibulum at eros 3

##### BORDERED

- 1. Active item 72
- 2. Dapibus ac facilisis in 4
- 3. Morbi leo risus
- 4. Disabled item 17
- 5. Vestibulum at eros 3

##### LINKED ITEMS

1. Active item 72 2. Dapibus ac facilisis in 4 3. Morbi leo risus 4. Disabled item 17 5. Vestibulum at eros 3

##### CONTEXTUAL CLASSES

.list-group-item-success .list-group-item-info .list-group-item-warning .list-group-item-danger

Media List

- ###### Media heading

  Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo.

- ###### Media heading

  Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo.

  ###### Media heading

  Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo.

  ###### Media heading

  Cras sit amet nibh libero, in gravida nulla.

  ###### Media heading

  Cras sit amet nibh libero, in gravida nulla.

- ###### Media heading

  Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo.

##### Media list

- ###### Jeanne

  Director

- ###### Becky

  Frontend Master

- ###### Frank

  Graphic Designer

- ###### Jeanne

  Cras sit amet nibh libero, in gravida nulla. Nulla vel metus.

- ###### Becky

  Nulla vel metus scelerisque ante sollicitudin commodo.

- ###### Frank

  Vestibulum in vulputate at, tempus viverra turpis.