Padding is the outer space of div here is how we can use its classes.
Padding class is m-* (here * is from 0 to 5)
m-0
m-1
m-2
m-3
m-4
m-5
Example
Example with gutter p-3
<div class="border p-3">
PAdding is inner space of div
</div>
Devices Breakpoint
Padding are also divided into media query break points, sm, md, lg, xl, xxl
p-sm-*
p-md-*
p-lg-*
p-xl-*
p-xxl-*
here * is from 1 to 5
Top/Bottom/Left/Right Padding
To add margin on single side we use the classes as
ps-*
pt-*
pe-*
pb-*
These classes also support media query break points
For example
ps-1 ps-md-2 (small devices have less space, medium devices have more sapce)
Vertical or Horizontal Gutters
Padding are divided in to horizontal and verticall spacing
px-*
py-*
px-sm-*
px-md-*
px-lg-*
px-xl-*
px-xxl-*
py-sm-*
py-md-*
py-lg-*
py-xl-*
py-xxl-*
No padding
If you do not want to apply margin then you can use 0 instead of 1 - 5
<div class="p-0">
Padding zero
</div>
