Схема системы Bootstrap 4 не работает в Safari

Question

Просто откройте эту ссылку с Firefox или другой, а затем с Safari. https://www.w3schools.com/bootstrap4/tryit.asp?filename=trybs_grid_ex&stacked=h

код:

<div class="container-fluid">
  <h1>Hello World!</h1>
  <p>Three equal width columns! Try to add a new div with class="col" inside the row class - this will create four equal-width columns.</p>
  <div class="row">
    <div class="col" style="background-color:lavender;">.col</div>
    <div class="col" style="background-color:orange;">.col</div>
    <div class="col" style="background-color:lavender;">.col</div>
  </div>
</div>

Что происходит, так это то, что в сафари 3 столбца появляются под каждым, а в других браузерах они отображаются в одном блоке строк.

Как я могу исправить проблему Safari?