Bootstrap List Groups

Bootstrap List Groups are used to display a series of content items such as messages, notifications, menus, or list-based navigation. They provide a clean and structured UI.

✅ Basic List Group

Use the .list-group class with <li> items:

🎯 List Group with Badges

Badges are often used to show notification counts.

🔗 List Group with Links (Actionable Items)

You can use <a> tags instead of list items:

🎨 Contextual List Items

You can style list items using contextual classes:

Example:

🧩 Disabled & Active Items

📌 List Group with Custom Content (Heading + Text)

This format is useful for messages or notifications.

✔ Summary