如何仅在 md 断点上应用 flex-wrap？答案

【问题标题】：How do I only apply flex-wrap on the md breakpoint?如何仅在 md 断点上应用 flex-wrap？
【发布时间】：2018-08-14 06:04:59
【问题描述】：

我一直在环顾四周，似乎无法弄清楚这一点。我正在使用 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>

【问题讨论】：

标签： html twitter-bootstrap bootstrap-4 flexbox

【解决方案1】：

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

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

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

【讨论】：