Spacing

Margin

All sides

Class Name

Value

Class Object

m-auto

Margin (All): Auto

👉

m-0

Margin (All): 0

👉

m-1

Margin (All): 0.25rem

👉

m-2

Margin (All): 0.5rem

👉

m-3

Margin (All): 0.75rem

👉

m-4

Margin (All): 1rem

👉

m-5

Margin (All): 1.25rem

👉

m-6

Margin (All): 1.5rem

👉

m-8

Margin (All): 2rem

👉

Vertical sides

Class Name

Value

Class Object

my-auto

Margin (Top & Bottom): Auto

👉

my-0

Margin (Top & Bottom): 0

👉

my-1

Margin (Top & Bottom): 0.25rem

👉

my-2

Margin (Top & Bottom): 0.5rem

👉

my-3

Margin (Top & Bottom): 0.75rem

👉

my-4

Margin (Top & Bottom): 1rem

👉

my-5

Margin (Top & Bottom): 1.25rem

👉

my-6

Margin (Top & Bottom): 1.5rem

👉

my-8

Margin (Top & Bottom): 2rem

👉

Horizontal sides

Class Name

Value

Class Object

mx-auto

Margin (Left & Right): Auto

👉

mx-0

Margin (Left & Right): 0

👉

mx-1

Margin (Left & Right): 0.25rem

👉

mx-2

Margin (Left & Right): 0.5rem

👉

mx-3

Margin (Left & Right): 0.75rem

👉

mx-4

Margin (Left & Right): 1rem

👉

mx-5

Margin (Left & Right): 1.25rem

👉

mx-6

Margin (Left & Right): 1.5rem

👉

mx-8

Margin (Left & Right): 2rem

👉

Top side

Class Name

Value

Class Object

mt-auto

Margin (Top): Auto

👉

mt-0

Margin (Top): 0

👉

mt-1

Margin (Top): 0.25rem

👉

mt-2

Margin (Top): 0.5rem

👉

mt-3

Margin (Top): 0.75rem

👉

mt-4

Margin (Top): 1rem

👉

mt-5

Margin (Top): 1.25rem

👉

mt-6

Margin (Top): 1.5rem

👉

mt-8

Margin (Top): 2rem

👉

Right side

Class Name

Value

Class Object

mr-auto

Margin (Right): Auto

👉

mr-0

Margin (Right): 0

👉

mr-1

Margin (Right): 0.25rem

👉

mr-2

Margin (Right): 0.5rem

👉

mr-3

Margin (Right): 0.75rem

👉

mr-4

Margin (Right): 1rem

👉

mr-5

Margin (Right): 1.25rem

👉

mr-6

Margin (Right): 1.5rem

👉

mr-8

Margin (Right): 2rem

👉

Bottom side

Class Name

Value

Class Object

mb-auto

Margin (Bottom): Auto

👉

mb-0

Margin (Bottom): 0

👉

mb-1

Margin (Bottom): 0.25rem

👉

mb-2

Margin (Bottom): 0.5rem

👉

mb-3

Margin (Bottom): 0.75rem

👉

mb-4

Margin (Bottom): 1rem

👉

mb-5

Margin (Bottom): 1.25rem

👉

mb-6

Margin (Bottom): 1.5rem

👉

mb-8

Margin (Bottom): 2rem

👉

Left side

Class Name

Value

Class Object

ml-auto

Margin (Left): Auto

👉

ml-0

Margin (Left): 0

👉

ml-1

Margin (Left): 0.25rem

👉

ml-2

Margin (Left): 0.5rem

👉

ml-3

Margin (Left): 0.75rem

👉

ml-4

Margin (Left): 1rem

👉

ml-5

Margin (Left): 1.25rem

👉

ml-6

Margin (Left): 1.5rem

👉

ml-8

Margin (Left): 2rem

👉

Padding

All sides

Class Name

Value

Class Object

p-0

Padding (All): 0

👉

p-1

Padding (All): 0.25rem

👉

p-2

Padding (All): 0.5rem

👉

p-3

Padding (All): 0.75rem

👉

p-4

Padding (All): 1rem

👉

p-5

Padding (All): 1.25rem

👉

p-6

Padding (All): 1.5rem

👉

p-8

Padding (All): 2rem

👉

Vertical sides

Class Name

Value

Class Object

py-0

Padding (Top & Bottom): 0

👉

py-1

Padding (Top & Bottom): 0.25rem

👉

py-2

Padding (Top & Bottom): 0.5rem

👉

py-3

Padding (Top & Bottom): 0.75rem

👉

py-4

Padding (Top & Bottom): 1rem

👉

py-5

Padding (Top & Bottom): 1.25rem

👉

py-6

Padding (Top & Bottom): 1.5rem

👉

py-8

Padding (Top & Bottom): 2rem

👉

Horizontal sides

Class Name

Value

Class Object

px-0

Padding (Left & Right): 0

👉

px-1

Padding (Left & Right): 0.25rem

👉

px-2

Padding (Left & Right): 0.5rem

👉

px-3

Padding (Left & Right): 0.75rem

👉

px-4

Padding (Left & Right): 1rem

👉

px-5

Padding (Left & Right): 1.25rem

👉

px-6

Padding (Left & Right): 1.5rem

👉

px-8

Padding (Left & Right): 2rem

👉

Top side

Class Name

Value

Class Object

pt-0

Padding (Top): 0

👉

pt-1

Padding (Top): 0.25rem

👉

pt-2

Padding (Top): 0.5rem

👉

pt-3

Padding (Top): 0.75rem

👉

pt-4

Padding (Top): 1rem

👉

pt-5

Padding (Top): 1.25rem

👉

pt-6

Padding (Top): 1.5rem

👉

pt-8

Padding (Top): 2rem

👉

pt-full

Padding (Top): 100%

👉

Right side

Class Name

Value

Class Object

pr-0

Padding (Right): 0

👉

pr-1

Padding (Right): 0.25rem

👉

pr-2

Padding (Right): 0.5rem

👉

pr-3

Padding (Right): 0.75rem

👉

pr-4

Padding (Right): 1rem

👉

pr-5

Padding (Right): 1.25rem

👉

pr-6

Padding (Right): 1.5rem

👉

pr-8

Padding (Right): 2rem

👉

Bottom side

Class Name

Value

Class Object

pb-0

Padding (Bottom): 0

👉

pb-1

Padding (Bottom): 0.25rem

👉

pb-2

Padding (Bottom): 0.5rem

👉

pb-3

Padding (Bottom): 0.75rem

👉

pb-4

Padding (Bottom): 1rem

👉

pb-5

Padding (Bottom): 1.25rem

👉

pb-6

Padding (Bottom): 1.5rem

👉

pb-8

Padding (Bottom): 2rem

👉

Left side

Class Name

Value

Class Object

pl-0

Padding (Left): 0

👉

pl-1

Padding (Left): 0.25rem

👉

pl-2

Padding (Left): 0.5rem

👉

pl-3

Padding (Left): 0.75rem

👉

pl-4

Padding (Left): 1rem

👉

pl-5

Padding (Left): 1.25rem

👉

pl-6

Padding (Left): 1.5rem

👉

pl-8

Padding (Left): 2rem

👉