What this Bootstrap Utility API class does
Set the bottom CSS property "bottom" of an element that is positioned either relative, absolute, sticky or fixed. The CSS property bottom is used to position an element relative to its containing element.
When an element is positioned using the position property with a value of absolute or fixed, the bottom property can be used to set the distance between the bottom edge of the positioned element and the bottom edge of its containing element.
Example usage & available classes
<div class="position-absolute bottom-0 end-0"></div>
<div class="position-absolute bottom-50 start-50"></div>
<div class="position-absolute bottom-100 start-50"></div>
Example override
In the example override below, we are adding the additional class of "bottom-75" with a value of "75%".
"bottom": map-merge(
map-get($utilities, "bottom"),
(
values: map-merge(
map-get(map-get($utilities, "bottom"), "values"), (
75: 75%
)
)
)
)