Core Code
Core Code Modern Dev Handbook

Basic Button Group

Group related buttons together using the btn-group container.

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="btn-group">
<button class="btn btn-primary">Left</button>
<button class="btn btn-primary">Middle</button>
<button class="btn btn-primary">Right</button>
</div>

</div>

</body>
</html>

More BS5 Button Groups Examples (7)

example Outline Button Group open example example Button Group Sizes open example example Vertical Button Group open example example Button Toolbar open example example Toggle Button Group open example example Button Group with Dropdown open example example Pagination Style Buttons open example