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