Core Code
Core Code Modern Dev Handbook

Container Fluid Layout

Use container-fluid to create a full-width responsive layout.

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-dark text-white p-5">
<h2>Full Width Section</h2>
<p>This section spans the full width of the page.</p>
</div>

</body>
</html>

More BS5 Get Started Examples (7)

example Bootstrap CDN Setup open example example Bootstrap JS Bundle open example example First Bootstrap Page open example example Responsive Meta Tag open example example Bootstrap Grid Starter open example example Simple Navbar Page open example example Bootstrap Starter Template open example