Core Code
Core Code Modern Dev Handbook

Basic Container

Use the Bootstrap container class to center page content with responsive margins.

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">
<h2>Bootstrap Container</h2>
<p>This content is centered with a responsive fixed-width container.</p>
</div>

</body>
</html>

More BS5 Containers Examples (7)

example Container Fluid open example example Responsive Container Breakpoint open example example Container with Grid open example example Nested Containers open example example Container Spacing open example example Centered Content Container open example example Section Layout with Containers open example