What this Bootstrap Utility API class does
Set the margin shorthand property of an element, which means you're setting margin top, margin bottom, margin left and margin right to the same value.
Example usage & available classes
<div class="m-auto"></div>
<div class="m-0"></div>
<div class="m-1"></div>
<div class="m-2"></div>
<div class="m-3"></div>
<div class="m-4"></div>
<div class="m-5"></div>
Example override
In the example override below, we are adding the additional class of "m-6" with a value of "6rem". Note that you can update Bootstrap's SASS $spacer variable to add additional margin and padding options. This would be a cleaner method to use rather than using the API because any additional values you add to the $spacer variable would automatically be available for all the margin and padding utilities.
"margin": map-merge(
map-get($utilities, "margin"),
(
values: map-merge(
map-get(map-get($utilities, "margin"), "values"), (
6: 6rem
)
)
)
)