Core Code
Core Code Modern Dev Handbook

Grid Display

Use CSS grid display utilities in Bootstrap layouts.

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="d-grid gap-2">

<button class="btn btn-primary">Button</button>

<button class="btn btn-secondary">Button</button>

<button class="btn btn-success">Button</button>

</div>

</div>

</body>
</html>

More BS5 Display Examples (7)

example Block Display open example example Inline Display open example example Hide Element open example example Responsive Display open example example Flex Display open example example Centered Flex Layout open example example Mobile Menu Toggle open example