Loading...
grid_view
List Group
Basic example
The list groups are very useful and flexible component for displaying lists of elements in a beautiful manner. The most basic list group is an unordered list with list items and the proper classes. Build upon it with the options that follow.
  • The first item
  • A second item
  • A third item
  • A fourth item
  • And a fifth one
Active item
Use code below to indicate the current active selection.
  • The first item
  • A second item
  • A third item
  • A fourth item
  • And a fifth one
Disabled items
The class .text-muted can be used to disable a specific item in the list group.
  • First item is disabled
  • A second item
  • A third item
  • A fourth item
  • And a fifth one
Links
Use <a> or <button> to create actionable list group items with hover, disabled, and active states.