Core Code
Core Code Modern Dev Handbook

Bootstrap Container Layout

Use Bootstrap container to center and space page content.

Preview

Code

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<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">
<h2>Container Example</h2>
<p>This content is centered using Bootstrap container.</p>
</div>

</body>
</html>

More BS5 HOME Examples (7)

example Bootstrap Basic Page open example example Bootstrap Buttons open example example Bootstrap Alerts open example example Bootstrap Two Column Grid open example example Bootstrap Card open example example Bootstrap Simple Navbar open example example Bootstrap Spacing Utilities open example