Paddings

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

Padding

Css Class	Property	Value
.p-0	Padding 0	0
.p-1	Padding 1x	0.75rem
.p-2	Padding 2x	0.75rem x 2
.p-3	Padding 3x	0.75rem x 3
.p-4	Padding-4x	0.75rem x 4
.p-5	Padding-5x	0.75rem x 5

Padding Left

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

Padding Right

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

Padding Top

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

Padding Bottom

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