What this Bootstrap Utility API class does
Sets the CSS shorthand flex property on an element. The CSS shorthand flex is used to set multiple properties of a flexible container in a single line. It is a shorthand for the flex-grow, flex-shrink, and flex-basis properties, which are used to control the size and behavior of flex items within a flex container.
Use this utility to force flex items into widths equal to their content - or equal widths if their content does surpass their border-box.
Example usage & available classes
<div class="d-flex bd-highlight">
<div class="p-2 flex-fill bd-highlight">Flex item with a lot of content</div>
<div class="p-2 flex-fill bd-highlight">Flex item</div>
<div class="p-2 flex-fill bd-highlight">Flex item</div>
</div>
Example override
In the example override below, we are adding the additional class of "flex-inherit" with a value of "inherit".
"flex": map-merge(
map-get($utilities, "flex"),
(
values: map-merge(
map-get(map-get($utilities, "flex"), "values"), (
inherit: inherit
)
)
)
)