Bootstrap строка не заполняет оставшуюся часть пространства в Safari, если она находится рядом с элементом float-left

Question

Вот код https://jsbin.com/pabixobula/1/edit?html, вывод

  <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, но не в Safari 13 на Ma c.

Первый блок - float-left, но row занимает новую строку в Safari. Я вижу, что проблема может быть в display:flex, она не работает должным образом в Safari.

Answer 1

Я нашел обходной путь, чтобы добавить m-0 вокруг row, возможно, это ошибка Safari при добавлении дополнительного поля в строку, которая создает новую строку.

<div class="row m-0"></div>