List Items
Dolor laboriosam itaque nesciunt saepe rerum aspernatur doloribus sit, debitis ad dignissimos, veritatis corporis amet quibusdam.
Basic List
Use .active for active selection and .disabled to visually disable .list-group-item. Some .disabled elements may need custom JavaScript for click event disabling.
- Item One
- Item Two
- Item Three
- Item Four
- Item Five
Flush
Apply .list-group-flush to remove borders and rounded corners, achieving edge-to-edge list group items, commonly within parent containers like cards.
- Item One
- Item Two
- Item Three
- Item Four
- Item Five
Numbered
To opt into numbered list group items, apply the .list-group-numbered class and optionally use an <ol> element for better placement and customization via CSS.
- Item One
- Item Two
- Item Three
- Item Four
- Item Five
Get Updates
Subscribe
Receive Prompt Notifications in the Event of System Challenges

