Add .active to a
.list-group-item
to indicate the current active selection.
Use <a>s or <button>s to create actionable list group items with hover, disabled, and active states by adding .list-group-item-action. We separate these pseudo-classes to ensure list groups made of non-interactive elements (like <li>s or <div>s) don’t provide a click or tap affordance.
Be sure to not use the standard .btn classes here.
Add .list-group-flush
to remove some borders and rounded corners to render list group items edge-to-edge in a
parent container (e.g., cards).
