Quiero crear una cuadrícula de cuadrados receptiva con Bootstrap 4, para hacerlo, estoy haciendo algo como esto (Una fila):

<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>

Y estoy configurando elcolclase para tener la siguiente regla:

.col {
    padding-top: 100%;
}

Pero eso solo crea una fila con cada columna de la altura de la ventana gráfica.

Esta solución solía funcionar antes, pero creo que rompe el Bootstrap 4 flexbox.

¿Algunas ideas?