What this Bootstrap Utility API class does
Set the shorthand padding property for an element, which means you set padding top, padding right, padding bottom and padding left to the same value.
Example usage & available classes
<div class="p-0"></div>
<div class="p-1"></div>
<div class="p-2"></div>
<div class="p-3"></div>
<div class="p-4"></div>
<div class="p-5"></div>
Example override
In the example override below, we are adding the additional class of "p-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.
"padding": map-merge(
map-get($utilities, "padding"),
(
values: map-merge(
map-get(map-get($utilities, "padding"), "values"), (
6: 6rem
)
)
)
)