Core Code
Core Code Modern Dev Handbook

Container Breakpoints

Bootstrap containers change max-width depending on breakpoints.

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 border p-4 my-5">

<p>
Resize the browser to see container width change across breakpoints.
</p>

</div>

</body>
</html>

More BS5 Breakpoints Table Examples (7)

example Breakpoint Reference Table open example example Responsive Grid Columns open example example Responsive Display open example example Responsive Navbar open example example Responsive Text Alignment open example example Responsive Spacing open example example Responsive Dashboard Layout open example