What this Bootstrap Utility API class does
Sets the CSS flex-wrap property of an element. CSS flex-wrap is a property that is used to control the wrapping behavior of flex items within a flex container. It is a part of the flexbox layout system in CSS that allows developers to create flexible and responsive web page layouts.
By default, flex items are laid out in a single row, and if there is not enough space for all the items, they will shrink to fit the container. The flex-wrap property allows developers to change this behavior by specifying whether flex items should wrap to a new row or column when there is not enough space.
Example usage & available classes
<div class="d-flex flex-wrap"></div>
<div class="d-flex flex-nowrap"></div>
<div class="d-flex flex-wrap-reverse"></div>
Example override
In the example override below, we are removing the responsive option from the utility, which means it would not be available per breakpoint.
"flex-wrap": map-merge(
map-get($utilities, "flex-wrap"),
(
responsive: false
)
)