Components

## List Group

List groups are a flexible and powerful component for displaying a series of content. Read the Official Bootstrap Documentation for a full list of instructions and other options.

##### Basic Example

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 item
- A second item
- A third item
- A fourth item
- And a fifth one

##### Active Item

Add active class to a `.list-group-item` to indicate the current active selection.

- An active item
- A second item
- A third item
- A fourth item
- And a fifth one

##### Disabled Item

Add disabled class to a `.list-group-item` to indicate the current active selection.

- A disabled item
- A second item
- A third item
- A fourth item
- And a fifth one

##### Links & Buttons

Use link tag or button to create actionable list group items with hover, disabled, and active states by adding `.list-group-item-action`.

The current link item A second link item A third link item A fourth link item A disabled link item

##### Numbered

Add the `.list-group-numbered` modifier class (and optionally use an `<ol>` element) to opt into numbered list group items.

1. A list item
2. A list item
3. A list item

##### With Badge

Add badges to any list group item to show unread counts, activity, and more with the help of some utilities.

- A list item 14
- A second list item 2
- A third list item 1