What this Bootstrap Utility API class does
Sets the CSS property flex-direction of an element. The CSS property flex-direction is used to set the direction in which flex items are laid out within a flex container. It determines the main axis and the direction in which flex items are arranged along that axis.
Example usage & available classes
<div class="flex-row"></div>
<div class="flex-row-reverse"></div>
<div class="flex-column"></div>
<div class="flex-column-reverse"></div>
Example override
In the example override below, we are overriding the "flex" class and setting the value "flex-dir" instead. This means that instead of "flex-row", you would then use "flex-dir-row"
"flex-direction": map-merge(
map-get($utilities, "flex-direction"),
(
class: flex-dir
)
)