Ich habe folgendes Beispiel: Ссылка
Irgendeine Idee, wie ich den Einzug nach dem 4. Thumbnail heilen kann?
Hier ist die Quelle: Ссылка
Wenn Sie sich die Dokumentation unter der Überschrift "more examples" ansehen, sehe ich ihr Beispiel mit zwei Zeilen aber ich kann es nicht funktionieren lassen.
Irgendwelche Ideen? Vielen Dank im Voraus.
Sie erklären es in der Demo nicht wirklich gut, aber wenn Sie <div class="row-fluid">
verwenden, müssen Sie eine weitere Zeile für die nächste Zeile der Thumbnails erstellen. Wenn Sie nur eine Reihe von Thumbnails erstellen möchten, die nicht fluid
sind, können Sie einfach ein reguläres <div>
oder <p>
verwenden. Dies sollte als ein Problem gegen Bootstrap ausgelöst werden, so dass es behoben werden kann.
Ich habe das gleiche Problem gefunden und keine elegante Lösung gefunden. Ich benutze diesen kleinen Hack:
%Vor% Beachten Sie, dass die lange Reihe von li
die IE-Methode ist und Sie für jede Zeile eine davon hinzufügen müssen.
Die Dokumentation für Thumbnails bezieht sich nicht auf Responsive Design, sondern auf eine vordefinierte row
mit .span*
kinder:
...the thumbnails component uses existing grid system classes - like .span2 or .span3 - for control of thumbnail dimensions.
Um Kinder von .span2
, .span3
, .span4
oder .span6
die folgenden Patch funktioniert mit modernen Browsern und Twitter Bootstrap 2.3.2:
Dies ist ein gemeldeter Fehler beim offiziellen Bootstrap-GitHub, also rate ich jedem, der nach mehr Lösungen sucht, um das herauszufinden - twitter bootstrap auf github.com .
Ab diesem Moment wurde das Problem nicht gelöst, aber verschiedene Benutzer haben im Kommentar-Thread mehr als 10 verschiedene Lösungen eingereicht.
Tags und Links twitter-bootstrap