<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bootstrap 5 Modal Example</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css" rel="stylesheet">
background-color: #f2f2f2;
background-color: #e6e6e6;
background-color: #d9d9d9;
<h3>Bootstrap Add Space Between Rows in using Custom Css</h3>
<div class="row custom-row-spacing row1">
<div class="col">Column 1</div>
<div class="col">Column 2</div>
<div class="row custom-row-spacing row2">
<div class="col">Column 3</div>
<div class="col">Column 4</div>
<div class="row custom-row-spacing row3">
<div class="col">Column 5</div>
<div class="col">Column 6</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/js/bootstrap.bundle.min.js"></script>