Core Code
Core Code Modern Dev Handbook

Outline Button Group

Use outline button styles inside a button group.

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-outline-primary">Day</button>
<button class="btn btn-outline-primary">Week</button>
<button class="btn btn-outline-primary">Month</button>
</div>

</div>

</body>
</html>

More BS5 Button Groups Examples (7)

example Basic 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