Core Code
Core Code Modern Dev Handbook

Bootstrap Spacing Utilities

Apply margin and padding quickly using Bootstrap spacing utilities.

Preview

Code

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<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="bg-primary text-white p-3 mb-3">
Padding example (p-3)
</div>

<div class="bg-success text-white m-3 p-2">
Margin example (m-3)
</div>

</div>

</body>
</html>

More BS5 HOME Examples (7)

example Bootstrap Basic Page open example example Bootstrap Container Layout open example example Bootstrap Buttons open example example Bootstrap Alerts open example example Bootstrap Two Column Grid open example example Bootstrap Card open example example Bootstrap Simple Navbar open example