Überspringe erstes Element und wiederhole die Regel alle x

Question

Wenn ich ein Bootstrip-Gitter verwende, in dem die Umhüllungselemente unterschiedliche Höhe haben, verwende ich eine Regel wie unten, um sicherzustellen, dass ich in jeder Zeile die gleiche Anzahl an Elementen habe.

.col-sm-6:nth-child(3), 
.col-sm-6:nth-child(5), 
.col-sm-6:nth-child(7), 
.col-sm-6:nth-child(9) { 
    clear: both; 
} 

Ich weiß, das ist nicht der beste Weg, es zu tun. Wenn ich ein sehr großes Raster habe, müsste ich das clear für jede Zeile explizit angeben.

Wie schreibe ich es als Wiederholungsregel, ohne den Anfang jeder Reihe von Verpackungselementen angeben zu müssen?

Answer 1

.col-sm-6:nth-child(2n + 3) { 
    clear: both; 
} 

Aber ich empfehle Ihnen Flexbox zu verwenden float und clear Hacks zu vermeiden.

Fügen Sie einfach Sie Container:

.some-container { 
    display: flex; 
    flex-wrap: wrap; 
}