Margin & Padding helpers classes
This are classes that would help you to personalize your page very easy
Margin width
.m-none
.m-xs
.m-sm
.m-md
.m-lg
.m-xlg
Margin Positions
Margin TOP
.mt-xs
.mt-sm
.mt-md
.mt-lg
.mt-xlg
Margin RIGHT
.mr-xs
.mr-sm
.mr-md
.mr-lg
.mr-xlg
Margin BOTTOM
.mb-xs
.mb-sm
.mb-md
.mb-lg
.mb-xlg
Margin LEFT
.ml-xs
.ml-sm
.ml-md
.ml-lg
.ml-xlg
Margin NONE
.m-sm .mt-none
.m-sm .mr-none
.m-sm .mb-none
.m-sm .ml-none
Margin VERTICAL
.mv-xs
.mv-sm
.mv-md
.mv-lg
.mv-xlg
Margin HORIZONTAL
.mh-xs
.mh-sm
.mh-md
.mh-lg
.mh-xlg
Padding width
.p-none
.p-xs
.p-sm
.p-md
.p-lg
.p-xlg
Padding Positions
Padding TOP
.pt-xs
.pt-sm
.pt-md
.pt-lg
.pt-xlg
Padding RIGHT
.pr-xs
.pr-sm
.pr-md
.pr-lg
.pr-xlg
Padding BOTTOM
.pb-xs
.pb-sm
.pb-md
.pb-lg
.pb-xlg
Padding LEFT
.pl-xs
.pl-sm
.pl-md
.pl-lg
.pl-xlg
Padding NONE
.p-sm .pt-none
.p-sm .pr-none
.p-sm .pb-none
.p-sm .pl-none
Padding VERTICAL
.pv-xs
.pv-sm
.pv-md
.pv-lg
.pv-xlg
Padding HORIZONTAL
.ph-xs
.ph-sm
.ph-md
.ph-lg
.ph-xlg