Page Navigation:

Spacing


Notation

{property}{sides}-{size} for all breakpoints
{property}{sides}-{breakpoint}-{size} for specific breakpoints and up

Properties:
m - margin
p - padding

Sides:
t - top
e - right (end)
b - bottom
s - left (start)
x - left and right
y - top and bottom
[blank] - all four sides

Breakpoints:
sm - small
md - medium
lg - large
xl - extra large
xxl - extra extra large

Sizes:
0 - 0
1 - 0.25rem
2 - 0.5rem
3 - 1rem
4 - 1.5rem
5 - 3rem
auto - auto (only for margins)
n1 - -0.25rem (only for margins and disabled by default)
n2 - -0.5rem (only for margins and disabled by default)
n3 - -1rem (only for margins and disabled by default)
n4 - -1.5rem (only for margins and disabled by default)
n5 - -3rem (only for margins and disabled by default)

Margin

Top

Right

Bottom

Left

Horizontal

Vertical

All sides

Auto margin examples

Auto margin left

Horizontal centering

Padding

Top

Right

Bottom

Left

Horizontal

Vertical

All sides

Responsive examples

Margin

Padding

Gap

Gap size 1

Gap size 2

Gap size 3

Gap size 4

Gap size 5