Boostrap 4 Funciones Principales

Margin y Padding El margen no afecta al elemento y el padding si

Where property is one of:

• m - for classes that set margin
• p - for classes that set padding

Where sides is one of:

• t - for classes that set margin-top or padding-top
• b - for classes that set margin-bottom or padding-bottom
• l - for classes that set margin-left or padding-left
• r - for classes that set margin-right or padding-right
• x - for classes that set both *-left and *-right
• y - for classes that set both *-top and *-bottom
• blank - for classes that set a margin or padding on all 4 sides of the element

Ejemplo:

<h1 class="bg-success mt-5">Main</h1>

A todos los lados:

<h1 class="bg-success p-5">Main</h1>

Ancho de los elementos en porcentaje 25%:

<div class="bg-success w-25">Main</div>