Bootstrap行不会填充Safari剩余的空白，如果它紧靠float-left元素

Question

这里是代码https://jsbin.com/pabixobula/1/edit?html,output

  <div class="container">
      <div class="float-left" style="background:red">123123</div>
      <div class="row">
        <div class="order-1">23123 1231 23123 123123 123 123 23123 1231 23123 123123 123 123 23123 1231 23123 123123 123 123 23123 1231 23123 123123 123 123 23123 1231 23123 123123 123 123</div>
        <div class="order-2">23123 1231 23123 123123 123 123 23123 1231 23123 123123 123 123 23123 1231 23123 123123 123 123 23123 1231 23123 123123 123 123 23123 1231 23123 123123 123 123</div>
      </div>
  </div>

我需要使用row来获得order-*类才能在订单上工作。它在Chrome和Firefox上运行良好，但在Mac上的Safari 13中则无法运行。

第一个块是float-left，但row在Safari上换行了。我发现问题可能来自display:flex，它在Safari上无法正常工作。

Answer 1

我发现解决方法是在m-0周围添加row，也许这是Safari在行上添加多余边距的错误，这会创建新行。