Bootstrap 4 引导行不';t在Safari上,如果它';s在float left元素旁边

Bootstrap 4 引导行不';t在Safari上,如果它';s在float left元素旁边,bootstrap-4,safari,flexbox,row,Bootstrap 4,Safari,Flexbox,Row,这是密码 123123 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 23123 1231 23123 123123 123 123 23123 1231 23123 123123 123 123 23123 1231 2

这是密码


123123
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
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
我需要使用
row
获取
order-*
类来处理订单。 它在Chrome和Firefox上运行良好,但在Mac上的Safari 13上则不行

第一个块是
float left
,但是
在Safari上占据了新行。
我看到问题可能来自
display:flex
,它在Safari上不能正常工作。

我发现解决方法是在
row
周围添加
m-0
,这可能是Safari在row上添加额外边距的错误,从而创建了新行

  <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>