Core Code
Core Code Modern Dev Handbook

Responsive Meta Tag

Use the viewport meta tag to ensure proper responsive behavior.

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>Responsive Layout</h2>

<div class="row">

<div class="col-md-6 bg-light p-3">
Column 1
</div>

<div class="col-md-6 bg-secondary text-white p-3">
Column 2
</div>

</div>

</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 Container Fluid Layout open example example Bootstrap Grid Starter open example example Simple Navbar Page open example example Bootstrap Starter Template open example