Spacing
Spacing classes include margin and padding.
The syntax is:
.{property}{side}-{size}where
property is one of:
m- for marginp- for padding
side is one of:
t- for margin-top and padding-topb- for margin-bottom and padding-bottoml- for margin-left and padding-leftr- for margin-right and padding-rightx- x-axis, for -left and -right margin and paddingy- y-axis, for -top and -bottom margin and padding
size is one of:
0- 2px1- 4px2- 8px3- 12px4- 16px5- 20px6- 24px8- 32px10- 40px12- 48px20- 80px28- 112px36- 144px48- 192px
info
Use .p-{size} for padding on all sides and .m-{size} for margin on all sides.
Some Examples
<div class="p-0 m-3">...</div><div class="px-5 py-3 m-3">...</div><div class="mx-2 my-4 p-4">...</div>