Integration von jquery Mauerwerk in ein Gitter Gitter
Ich habe Probleme bei der Integration von Mauerwerk in ein Foundation-Grid-Layout. Im Wesentlichen mit identischen Breitenbildern mit unterschiedlicher Höhe arbeitet das Mauerwerk wie erwartet, aber an bestimmten Haltepunkten hat das Raster nur eine zweispaltige Anordnung, im Gegensatz zu den üblichen vier.
Wenn Sie jedoch die Browserbreite minimieren, kehren die vier Spalten zurück, sodass es nicht möglich ist, dass der Raum nicht angezeigt wird.
%Vor%HTML
%Vor% 
1 Antwort
Um Ihre Frage zu zu beantworten, warum Ihr Problem auftritt: Leider kann die Integration von Mauerwerk und Rahmen schwierig sein, da beide versuchen, das Bild auf völlig unterschiedliche Weise zu steuern (Foundation möchte die Größe ändern und das Mauerwerk neu positionieren). Der beste Weg, dieses Problem anzugehen, ist die Verwendung eines Fundamentcontainers als Mauerwerkcontainer. Die Bilder werden nicht in der Größe verändert, sondern positionieren sich innerhalb des Fluidcontainers, während Zentrieren des Containers vermieden wird auf der rechten Seite von Containern, wenn Bilder nicht in eine zusätzliche Spalte platziert werden können.
=== UPDATE ===
Ich aktualisierte die Codebasis mit der aktuellsten Foundation-Version zum Zeitpunkt dieses Updates (5.0.2) in dieses Github-Repository , wenn Sie es verwenden möchten.
Tags und Links jquery-masonry zurb-foundation