Просто откройте эту ссылку в 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?