Core Code
Core Code Modern Dev Handbook

Bootstrap Grid Starter

Build a simple responsive page using the Bootstrap grid system.

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">

<div class="row">

<div class="col-lg-4 bg-light p-4">
Column 1
</div>

<div class="col-lg-4 bg-secondary text-white p-4">
Column 2
</div>

<div class="col-lg-4 bg-light p-4">
Column 3
</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 Responsive Meta Tag open example example Simple Navbar Page open example example Bootstrap Starter Template open example