Как отключить перенос COL в Bootstrap 4 на планшетах?

Question

[Евгений Мартьянов]

Коллеги, приветствую.

При выводе страницы на планшете (конкретно у меня для тестов ipad a1416, вроде разрешение 2048x1536) DIV-ы столбцы (COL) переносятся, становятся друг под другом. А нужно в ряд, учитывая 12 возможных столбцов.

С помощью костыльного указания float: left у двух конкретных div-ов всё ок. Но таких div-ов полно и так с ума сойти можно.

Вот так - ок

<div class="col-sm-3" style="float: left">
     содержимое
</div>
<div class="col-sm-1" style="float: left"></div>
<div class="col-sm-8" style="float: left">
     содержимое
</div>
<div style="clear: both"></div>

Вот так становятся друг под друга

<div class="py-5">
    <div class="container">
      <div class="row">
        <div class="col-3" style="margin-bottom: 30px">
          содержимое
        </div>
        <div class="col-3" style="margin-bottom: 30px">
          содержимое
        </div>
        <div class="col-3" style="margin-bottom: 30px">
          содержимое
        </div>
        <div class="col-3" style="margin-bottom: 30px">
          содержимое
        </div>
      </div>
    </div>
</div>

Как отключить эти переносы на устройствах больше смартфона?