Core Code
Core Code Modern Dev Handbook

Basic List Group

Create a simple list using the Bootstrap list-group component.

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">

<ul class="list-group">

<li class="list-group-item">First item</li>
<li class="list-group-item">Second item</li>
<li class="list-group-item">Third item</li>

</ul>

</div>

</body>
</html>

More BS5 List Groups Examples (7)

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