Bootstrap 5 List group Flush

Bootstrap 5 provides the List Group Flush feature in which items are stored in the form of a list. List groups are a flexible and powerful component for displaying a series of content. The List Group Flush feature is used to remove borders and rounded corners around the items on the list.

List group Flush Class:

• list-group-flush: This class is used to remove the borders and rounded corners around the items.

Syntax:

<ul class="list-group list-group-flush">
 <li class="list-group-item">...</li>
 <li class="list-group-item">...</li>
</ul>

Example 1: The following code demonstrates the List Group Flush using the List Group Flush properties.

Output:

👁 Image

Example 2: The following code demonstrates the nested List Group Flush using the List Group Flush properties.

Output:

👁 Image

Reference: https://getbootstrap.com/docs/5.0/components/list-group/#flush