Nth-Kind in Bootstrap3 nicht richtig ausrichten

Question

Ich kann nicht scheinen, dass dies funktioniert, ich habe eine einfache Bootstrap-Seite mit einer Bildergalerie, die Bilder von verschiedenen Höhen hat. Ich versuche, das n-te-Kind zu verwenden, um die linke Seite nach jedem vierten .col-md-3

Bootply smippet zu löschen - http://www.bootply.com/7BhYr6J8rH

Der Inhalt der fertigen Seite wird dynamisch aus einer Datenbank gefüllt werden , also brauche ich diese Flexibilität, um zu arbeiten. Kann jemand darauf hinweisen, wo ich falsch liege?

Answer 1

Schwer zu erklären, aber Sie verwenden nth-Kind auf dem Bild. Da es keine Bildliste gibt, wird es nie ein 4. Bild erreichen, jede Spalte hat 1 Bild und nicht mehr. Allerdings hat eine Reihe eine Liste der Spalten enthalten, damit ich Ihren Code durch Spalte wie so http://www.bootply.com/7BhYr6J8rH löschen bearbeitet:

.row .col-md-3:nth-child(5n) { 
    clear:left; 
} 

Eine andere Idee, was Sie tun können, ist <div class="clearfix"></div> nach jeder vierten Spalte für das gleiche Ergebnis hinzuzufügen und sauberer Code.