Bootstrap 3 Spaltenproblem

8

Ich arbeite mit bootstrap 3 und bin neu, aber es scheint ein ziemlich einfacher Übergang von 2 zu sein.

Hier ist das Puzzle mit dem Code: Ссылка

Und hier ist ein Bild davon, wie es rendert, wenn sie alle in col-md-4 sind:

Ich verstehe es aber nicht, es funktioniert gut in jsFiddle, aber nicht in meiner Indexdatei. Jeder erlebt ein ähnliches Problem der Macht wissen, was ist damit?

    
BrettD 30.08.2013, 00:22
quelle

6 Antworten

19

Da die Spalten nicht alle gleich hoch sind, müssen Sie für die großen Ansichtsfenster genau wie die neue Zeile, also zwischen Ihrer 3. und 4. Spalte, ein Clearfix <div> hinzufügen:

%Vor%

Demo-Geige

    
koala_dev 30.08.2013, 00:48
quelle
9

Sie können es leicht mit diesem CSS lösen:

%Vor%

Diese Lösung hier

gefunden     
Ajoy 29.05.2014 07:05
quelle
2

keine Antwort auf Ihre Frage, aber Sie sollten in der Lage sein, Ihren Code zu optimieren, da Sie nicht alle Größenklassen verwenden müssen.

%Vor%     
Bart Calixto 30.08.2013 01:10
quelle
1

Überprüfen Sie, ob Ihre div-Tags korrekt geschlossen sind und ob die von Ihnen verwendeten Klassen in Ihrem Code korrekt referenziert sind.

    
Mothy 30.08.2013 00:26
quelle
1

Wenn Sie nach einer Lösung suchen, bei der es Ihnen nichts ausmacht, dass alle drei Spalten die gleiche Höhe haben und Sie keinen Wrapper verwenden können, weil Sie unterschiedliche Spaltennummern für verschiedene Bildschirmgrößen aufrufen, können Sie eine ähnliche Regel anwenden Meine Lösung, bei der ich eine ID auf einen Hauptwrapper der Spalten anwende und dann die Spaltengröße so anpasse, dass sie eine minimale Höhe hat.

%Vor%     
Austin Norris 14.12.2015 14:03
quelle
1

Dachte, das könnte einigen Menschen helfen. Fügen Sie Ihrem Stylesheet einfach folgendes hinzu. Ich habe CSS oder SCSS zur Verfügung gestellt.

css

%Vor%

scss

%Vor%

Dann geben Sie Ihren Reihen einfach die neue Klassenzeilenuniform.

%Vor%     
Buts 13.01.2017 00:19
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset MultiValueDictKeyError in Django admin