Core Code
Core Code Modern Dev Handbook

Container Fluid

Create a full-width layout using container-fluid.

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-fluid bg-light py-5">
<h2>Full Width Container</h2>
<p>This container spans the entire width of the viewport.</p>
</div>

</body>
</html>

More BS5 Containers Examples (7)

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