2016-05-17 2 views
1

Ich habe einen Container, der Daten aus meiner Datenbank sowie Daten, die vom Benutzer auf einer anderen Seite erstellt enthält.Bootstrap-Zeile mit endlosen Spalten (dynamische Daten) - müssen neue Zeile nach 3

Mein Problem ist Styling. Momentan dreht sich meine Seite und die Spalten sind überall. Sie scheinen dem Ende der längsten Spalte zu folgen.

Jumbly

enter image description here

Ich würde gerne nach 3 Spalten eine neue Zeile erstellt werden, aber ich bin nicht sicher, wie um dies zu realisieren.

enter image description here

Note/Tricky Teil: - Meine Benutzer haben die Möglichkeit, zu sortieren, wobei jede Spalte (Vertrieb, BingBong, Game of Thrones) geht. Wenn sie zuerst Game of Thrones wollen, können sie es zur ersten Spalte machen. Offensichtlich vermasselt dies die Dinge, weil jede Spalte zu verschiedenen Zeiten eine andere Höhe hat.

Das meiste, was ich gesehen habe, quetscht alle Spalten zusammen, um ein pinterestähnliches Aussehen zu erzeugen. Das ist nicht, was ich will, und ich weiß, dass mein Design Leerraum schaffen wird. Das ist es, was mir gesagt wird.

+0

Sie können einfach col - * - 4 für jede Spalte verwenden. Ihr Skript wird die Kontrolle über das Sortieren übernehmen müssen, aber mit den Bootstrap-Spalten erhalten Sie 3 Spalten. – MiltoxBeyond

+0

Das habe ich schon. Ich beziehe mich mehr darauf, dass dadurch immer noch das 1. Bild entsteht. Wo Sie eine 2-Säulen-Stapelung haben, weil die erste klein ist ... Ich suche das zweite Bild zu erreichen. Was über mich erreicht wurde, indem ich sie so sortiert habe, aber ich möchte, dass es 3 Spalten pro Zeile gibt, egal welcher Art. :) Danke, aber – CatDev90

+0

Sie könnten eine '

' nach jedem 3. div hinzufügen. –

Antwort

0

UPDATE: Hier ist mein Code, um Ihnen zu zeigen, wie ich durch jede dieser Abteilungen (Verkäufe, Regenbögen, Game of Thrones, usw.) iteriere.

Hoffentlich macht klar, warum ein clearfix div Hinzufügen funktioniert nicht in meinem Fall code

Verwandte Themen