Margin Padding
Margin
Margin classes are prefix with m-, mt- , me-, mb-, ms-, my-, mx-
for margin all side, margin-top, margin-end(right), margin-bottom, margin-start(left), margin-top-bottom, margin-start-end respectively.
All side margin
.m-1
.m-2
.m-3
.m-4
.m-5
Top margin
.mt-1
.mt-2
.mt-3
.mt-4
.mt-5
End/Right margin
.me-1
.me-2
.me-3
.me-4
.me-5
Bottom margin
.mb-1
.mb-2
.mb-3
.mb-4
.mb-5
Start(Left) margin
.ms-1
.ms-2
.ms-3
.ms-4
.ms-5
Padding
Padding classes are prefix with p-, pt- , pe-, pb-, ps-, py-, px-
for padding all side, padding-top, padding-end(right), padding-bottom, padding-start(left), padding-top-bottom, padding-start-end respectively.
All side padding
.p-1
.p-2
.p-3
.p-4
.p-5
Top margin
.p-1
.pt-2
.pt-3
.pt-4
.pt-5
End/Right margin
.pe-1
.pe-2
.pe-3
.pe-4
.pe-5
Bottom margin
.pb-1
.pb-2
.pb-3
.pb-4
.pb-5
Start(Left) margin
.ps-1
.ps-2
.ps-3
.ps-4
.ps-5