Spacing

Margin and Padding classes.

Examples

padding: 1rem;
margin: 1rem;
<div class="bg-primary p-2">padding: 1rem;</div>

<div class="bg-primary m-2">margin: 1rem;</div>

Padding

padding: 1rem;
padding-top: 1rem;
padding-right: 1rem;
padding-bottom: 1rem;
padding-start: 1rem;
<div class="bg-primary text-white p-2">padding: 1rem;</div>

<div class="bg-primary text-white pt-2">padding-top: 1rem;</div>

<div class="bg-primary text-white pe-2">padding-right: 1rem;</div>

<div class="bg-primary text-white pb-2">padding-bottom: 1rem;</div>

<div class="bg-primary text-white ps-2">padding-start: 1rem;</div>

Margin

margin: 1rem;
margin-top: 1rem;
margin-right: 1rem;
margin-bottom: 1rem;
margin-start: 1rem;
<div class="bg-primary text-white m-2">margin: 1rem;</div>

<div class="bg-primary text-white mt-2">margin-top: 1rem;</div>

<div class="bg-primary text-white me-2">margin-right: 1rem;</div>

<div class="bg-primary text-white mb-2">margin-bottom: 1rem;</div>

<div class="bg-primary text-white ms-2">margin-start: 1rem;</div>