List Groups

Flexible lists with actions and badges

List groups display a series of content in a clean, organized layout. They support active states, badges, and flush styling.

A list group is a ul with .list-group. Each item gets .list-group-item for consistent padding, borders, and spacing.

<ul class="list-group">
  <li class="list-group-item">
    First item
  </li>
  <li class="list-group-item">
    Second item
  </li>
  <li class="list-group-item">
    Third item
  </li>
</ul>

Cras justo odio

Dapibus ac facilisis in

Morbi leo risus

Porta ac consectetur ac

.list-group

22 / 37