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 ocol
classe 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?