Vertikaler Abstand zwischen Bootstrap-Zeilen
Also arbeite ich an einem Layout und für 'Reaktionsfähigkeit' habe ich mich für Bootstrap entschieden. Jetzt habe ich ein Problem mit dem Grid-System, denke ich.
Das Ergebnis, das ich möchte, ist das Folgende:
%Vor%Aber das ist nicht passiert. Was passiert ist, dass ich einen unangenehmen vertikalen Zwischenraum zwischen Box 1 und Box 2 habe, der bis zum Ende von Box 4 dauert. Siehe ein Beispiel aus dem wirklichen Leben hier:
Das passiert. Der Abstand zwischen Box 1 und 2 erstreckt sich bis zum Ende von Box 4.
Hier ist mein HTML:
%Vor%Kurze Zusammenfassung des Codes:
Ich habe eine Zeile, in dieser Reihe gibt es eine col-md-4 , die auf Box 1 zeigt. Dann in der gleichen Zeile, gibt es eine col-md-8 , die auf Box 4 zeigt.
Unter dieser Zeile befindet sich eine neue Zeile mit einem col-md-4 (Box 2).
Wie repariert man den verdammten Raum? Es ist wirklich nervig ...
Danke.
(Es tut mir leid, wenn ich eine vage Frage geschrieben habe. Ich habe versucht, so viel Sinn wie möglich zu machen)
1 Antwort
Warum teilen Sie den Bildschirm nicht in zwei Spalten, .col-md-4 und col-md-8, und setzen Sie den Inhalt von Box 1, 2 und 3 in die linke Spalte? Ein Bildschirm, der kleiner als md ist, würde die Felder zu 100% des .container und in aufsteigender Reihenfolge machen.
Tags und Links html css twitter-bootstrap