Many times a component has different spacings around it depending on where it is located. Spacers help you add paddings and margins of different sizes conveniently, without having to create a new class for every case.
-You get access to classes like
m-t-2 which stands to margin-top: 20px, so same goes for something like
p-b-3 padding-bottom: 30px.
-There is also m-v-2 which stands for vertical margin or margin-top: 20px; margin-bottom:20px; and
p-h-3 would be padding horizontal 30px;
This classes use the convention
Member | Options | Example classes