Margin is the outer space of div here is how we can use its classes.
Margin 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 m-3
<div class="border m-3">
Margin is out space of div
</div>
Devices Breakpoint
Margin are also divided into media query break points, sm, md, lg, xl, xxl
m-sm-*
m-md-*
m-lg-*
m-xl-*
m-xxl-*
here * is from 1 to 5
Top/Bottom/Left/Right Margin
To add margin on single side we use the classes as
ms-*
mt-*
me-*
mb-*
These classes also support media query break points
For example
ms-1 ms-md-2 (small devices have less space, medium devices have more sapce)
Vertical or Horizontal Gutters
Margin are divided in to horizontal and verticall spacing
mx-*
my-*
mx-sm-*
mx-md-*
mx-lg-*
mx-xl-*
mx-xxl-*
my-sm-*
my-md-*
my-lg-*
my-xl-*
my-xxl-*
No margin
If you do not want to apply margin then you can use 0 instead of 1 - 5
<div class="m-0">
Margin zero
</div>
