How to force a flex item to move to a new line?

Question

css

I have a flex container with flex-wrap: wrap. It is necessary to wrap a certain element inside this container on a new line, regardless of whether it is placed there or not. No specific dimensions are known, adjacent elements can have arbitrary widths. It is also necessary that after this element, which we will transfer, the following elements can go, that is, that this element does not occupy the entire new line.

Answer 1

Bootstrap inserts a crutch with a div of 100% and 0 height. Back that div class="clearfix" :)
As an option, give the previous div a margin.padding of the remaining space

Answer 2

css: orderer
It feels like no one taught or understood what flex is and how to use it.

Answer 3

<div style="flex-basis: 100%; height: 0;"></div>