Bootstrap 4 上的不可 12 整除的等列

我有一个小网络应用程序，我想显示 5 列响应式等宽。

但我只想要宽度≥992px 的设备使用这种布局。 对于宽度

等宽的列可以分成多行，但是有一个Safari 弹性盒错误这使得它无法在没有 明确的flex-basis or border.

两种解决方法已记录在减少外部测试用例 引导程序，但如果浏览器是最新的，则不应该这样 必要的。

Source: https://getbootstrap.com/docs/4.0/layout/grid/

因此，我对如何使用 Bootstrap 4 实现我想要的响应行为感到有点困惑。

我有这个“想法”，但我觉得会很丑陋，你觉得怎么样？

让我们考虑一下这个标记

<div class="container">
  <div class="row">
    <div class="col">Column</div>
    <div class="sep"></div>
    <div class="col">Column</div>
    <div class="sep"></div>
    <div class="col">Column</div>
    <div class="sep"></div>
    <div class="col">Column</div>
  </div>
</div>

然后，使用 jQuery 我可以选择.sep并添加 bootstrap4 类w-100在宽度

感谢您的阅读，请原谅我糟糕的英语。

也许我不明白这个问题。为什么不直接使用lg自动布局列（col-lg)?

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

<div class="row">
    <div class="col-lg">

    </div>
    <div class="col-lg">

    </div>
    <div class="col-lg">

    </div>
    <div class="col-lg">

    </div>
    <div class="col-lg">

    </div>
</div>