What this Bootstrap Utility API class does
Set the CSS float property of any element, across all breakpoints. The CSS float property is used to specify how an element should be positioned within its parent container, by "floating" it to the left or right of other elements.
Use the float utility to float an element left or right, or to disable floating. You can also enable or disable floating by breakpoint. However, the float property has no effect on flex items.
Example usage & available classes
<div class="float-start">Float start on all viewport sizes</div><br>
<div class="float-end">Float end on all viewport sizes</div><br>
<div class="float-none">Don't float on all viewport sizes</div>
Example override
In the example override below, we are adding the additional value of "initial" to our float class.
"float": map-merge(
map-get($utilities, "float"),
(
values: map-merge(
map-get(map-get($utilities, "float"), "values"), (
initial: initial
)
)
)
)