Margins

A wide range of shorthand responsive margin utility classes to modify an element’s appearance.

Margin

Css Class	Property	Value
.m-0	Margin 0	0
.m-1	Margin 1x	0.75rem
.m-2	Margin 2x	0.75rem x 2
.m-3	Margin 3x	0.75rem x 3
.m-4	Margin 4x	0.75rem x 4
.m-5	Margin 5x	0.75rem x 5

Margin Left

Css Class	Property	Value
.ml-0	Margin Left 0	0
.ml-1	Margin Left 1x	0.75 rem
.ml-2	Margin Left 2x	0.75 rem x 2
.ml-3	Margin Left 3x	0.75 rem x 3
.ml-4	Margin Left 4x	0.75 rem x 4
.ml-5	Margin Left 5x	0.75 rem x 5

Margin Right

Css Class	Property	Value
.mr-0	Margin Right 0	0
.mr-1	Margin Right 1x	0.75 rem
.mr-2	Margin Right 2x	0.75 rem x 2
.mr-3	Margin Right 3x	0.75 rem x 3
.mr-4	Margin Right 4x	0.75 rem x 4
.mr-5	Margin Right 5x	0.75 rem x 5

Margin Top

Css Class	Property	Value
.mt-0	Margin Top	0
.mt-1	Margin Top	0.75 rem
.mt-2	Margin Top	0.75 rem x 2
.mt-3	Margin Top	0.75 rem x 3
.mt-4	Margin Top	0.75 rem x 4
.mt-5	Margin Top	0.75 rem x 5

Margin Bottom

Css Class	Property	Value
.mb-0	Margin Bottom 0	0
.mb-1	Margin Bottom 1x	0.75 rem
.mb-2	Margin Bottom 2x	0.75 rem x 2
.mb-3	Margin Bottom 3x	0.75 rem x 3
.mb-4	Margin Bottom 4x	0.75 rem x 4
.mb-5	Margin Bottom 5x	0.75 rem x 5