LIST

Basic List

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. You can copy html part from below code snippet.

Basic Code Example

Active List

The active list group is an unordered list with list items and the proper classes. Add .active to a list to indicate the current active selection. Build upon it with the options that follow, or with your own CSS as needed. You can copy html part from below code snippet.

Active Code Example

Disabled List

Add .disabled to a list to make it appear disabled. Note that some elements with .disabled will also require custom JavaScript to fully disable their click events (e.g., links). You can copy html part from below code snippet.

Disabled Code Example

Badges List

Add .disabled to a list to add badges. Add badges to any list group item to show unread counts, activity, and more with the help of some utilities. You can copy html part from below code snippet.

Badges Code Example