List Groups

Items arranged on separate flush lines.

Basic

Cards containing ordered or unordered series of content items, each on a separate flush line.

Learn more

To learn more visit Bootstrap's List Group documentation.
  • 14 Cras justo odio
  • 2 Dapibus ac facilisis in
  • 1 Morbi leo risus

Active Item

List group items can be .active.

Separators

List groups can be given optional horizontal separators by adding the .list-group-separated class.

  • 14 Cras justo odio
  • 2 Dapibus ac facilisis in
  • 1 Morbi leo risus

Custom Content

List groups support custom HTML content.

Third-party Content Disclaimer