Utilizzando i selettori CSS3 è possibile applicare il clear in modo automatico alle colonne delle griglie generate con una versione di Bootstrap inferiore alla 4.
La soluzione consiste nell'utilizzare il selettore :nth-child con un multiplo che indichi esattamente su quale numero di colonna vogliamo applicare il clearing.
.row [class*="col"]:nth-child(3n+1) {
clear: left;
}
In questo caso il clearing viene applicato su multipli di 3.