Cycle2 wird in Twitter-Bootstrap-Grids verschoben

9

Ich habe ein paar Gitter wie

%Vor%

als ich in der ersten Reihe ersten und zweiten Rasterfeld jeweils einen cycle2 Schieberegler als auf Sekunden zweiten Raster wieder ein cycle2 Es ist eine Art des Spielens mit Symmetrie

Mein Problem Bilder haben eine unterschiedliche Auflösung und die Höhe sollte auf das höchste Raster erweitert werden. So sollte zum Beispiel in meiner ersten Zeile die Höhe von cycle2-Bildern gleich sein.

hier habe ich ein Jsfiddler-Modell
Ссылка

Wie geht man in diesem Fall vor?

    
fefe 02.09.2015, 13:03
quelle

3 Antworten

1

Suchen Sie nach einer Ausgabe wie dieser:

Ссылка

Hier habe ich jedem equalheight div eine row -Klasse hinzugefügt und auch eine JS-Funktion wie folgt hinzugefügt:

%Vor%     
vijayP 07.09.2015 10:50
quelle
0

Es ist sehr schwierig, Ihrer Frage zu folgen, aber wenn ich Sie richtig verstehe, möchten Sie eine Reihe von Spalten auf dieselbe Höhe wie die höchste Spaltenhöhe setzen. Sie haben keinen Code gepostet oder uns gesagt, mit welchem ​​Framework Sie arbeiten (vielleicht Bootstrap, weil das Tag?), Also ist es sehr schwierig, eine genaue Antwort zu geben.

Verwenden Sie jQuery, um die Höhe jeder Spalte zu ermitteln, die Sie vergleichen möchten. Speichern Sie die Höhen in einem Array, vergleichen Sie die Höhen, um die höchste zu finden, und legen Sie dann die Höhe aller Spalten auf diese Höhe fest. Sie werden zwar Leerzeichen in Ihrem Design haben, aber so wird es gemacht.

    
toad 02.09.2015 13:18
quelle
0

Ich bin mir nicht sicher, ob ich Ihr Problem richtig verstanden habe, aber wenn Sie nach einer Lösung suchen, um Spalten innerhalb einer Zeile horizontal auszurichten oder die Höhe von Spalten innerhalb einer Zeile zu normalisieren, dann sollten Sie sich diese tolle jQuery ansehen Skript:

Ссылка

Wir verwenden es in einem Dutzend Projekten, wenn wir versuchen, eine unbekannte Anzahl von "div.col- *" unbekannter Höhe innerhalb eines "div.row" horizontal auszurichten. Unser gemeinsamer Ansatz sieht so aus.

%Vor%

Egal welche Bildschirmgröße oder wie groß die Boxen sind, das Script wird Ihre col - immer horizontal ausrichten. Es sollte auch funktionieren, um die Höhe des Behälters Ihrer Folien zu normalisieren.

    
Hudri 10.09.2015 16:41
quelle