Я смотрю вокруг и не могу понять это. Я использую bootstrap 4 и у меня есть flex-контейнер с 8 элементами div. Я хочу, чтобы не было обтекания от экранов md вверх, но как только размер экрана уменьшится, мне нужно его обернуть.

Я попытался добавить flex-md-wrap, но это имеет противоположный эффект, естественно, я тогда попробовал flex-md-nowrap, но это не дало никакого эффекта.

мой код:

<div class="container">
  <div class="d-flex flex-row flex-md-wrap">
    <div class="p-2"><img src="#" alt=""></div>

       <!-- 6 divs with images in -->

    <div class="p-2"><img src="#" alt=""></div>
  </div>
</div>

Спасибо