Core Code
Core Code Modern Dev Handbook

Flush List Group

Remove outer borders using the list-group-flush class.

Preview

Code

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
</head>

<body>

<div class="container py-5">

<div class="card" style="width:18rem;">

<ul class="list-group list-group-flush">

<li class="list-group-item">Item A</li>
<li class="list-group-item">Item B</li>
<li class="list-group-item">Item C</li>

</ul>

</div>

</div>

</body>
</html>

More BS5 List Groups Examples (7)

example Basic List Group open example example Active List Item open example example Disabled List Item open example example Linked List Group open example example List with Badges open example example Horizontal List Group open example example Sidebar Menu Example open example