Grade quadrada de Bootstrap 4

Eu quero criar uma grade de quadrados responsiva com o Bootstrap 4, para fazer isso, estou fazendo algo parecido com isto (Uma linha):

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

E eu estou definindo ocolclasse para ter a seguinte regra:

.col {
    padding-top: 100%;
}

Mas isso cria apenas uma linha com cada coluna da altura da janela de visualização.

Essa solução costumava funcionar antes, mas acho que quebra a caixa flexível do Bootstrap 4.

Alguma ideia?

questionAnswers(3)

yourAnswerToTheQuestion