如何只在 md 断点上应用 flex-wrap？

Question

我一直在环顾四周，似乎无法弄清楚这一点。我正在使用 Bootstrap 4 并且有一个带有 8 个 div 元素的 flex 容器。我希望没有从 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>

Answer 1

由于md意味着中等和以上，你会这样做..

<div class="d-flex flex-wrap flex-md-nowrap">
..
</div>

https://www.codeply.com/go/A5NmQR1GTH