у создать адаптивную сетку квадратов с помощью Bootstrap 4, для этого я делаю что-то вроде этого (одна строка):

<div class="container">
    <div class="row">
        <div class="col"></div>
        <div class="col"></div>
        <div class="col"></div>
        <div class="col"></div>
        <div class="col"></div>
    </div>
</div>

И я устанавливаюcolкласс, чтобы иметь следующее правило:

.col {
    padding-top: 100%;
}

Но это создает только строку с каждым столбцом высоты области просмотра.

Это решение раньше работало, но я думаю, что оно ломает Flexbox Bootstrap 4

Есть идеи?