List group
List groups are a flexible and powerful component for displaying a series of content. Modify and extend them to support just about any content within.
Bootstrap List group DocumentationDefault
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.
- An active item
- A second item
- A third item
- A fourth item
- And a fifth one
- An active item
- 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 by adding
.list-group-item-action
.
Examples
Contract Management
Lorem ipsum dolor Kathy Lopez
2 hrs ago
Resources
Lorem ipsum dolor Amy Baker
6 hrs ago
Team meating
Lorem ipsum dolor Eric Harris
Yesterday
Contract Management
Lorem ipsum dolor
Kathy Lopez
2 hrs ago
Resources
Lorem ipsum dolor
Amy Baker
6 hrs ago
Team meating
Lorem ipsum dolor
Eric Harris
Yesterday
- Lorem ipsum dolor 27
- Ut enim ad minim 16
- Duis aute irure 35
-
Lorem ipsum dolor
27
-
Ut enim ad minim
16
-
Duis aute irure
35