我如何只在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