Bootstrap - Verwenden Sie vertikalen Raum ohne Mauerwerk

Ich denke, das Bild unten erklärt, was ich versuche zu tun. Im Wesentlichen möchte ich, dass die linken Spalten aus den Zeilen 2 und 3 den leeren Platz über ihnen einnehmen, aber die Höhe von Zeile 1 ist dynamisch. Ich würde lieber nicht ausblenden/sichtbar verwenden, da colB ein Bild enthält, das ich nicht zweimal laden möchte.Bootstrap - Verwenden Sie vertikalen Raum ohne Mauerwerk

Ich frage mich, gibt es eine bootstrap native Methode, die ich nicht kenne? Das einzige, was ich jetzt denken kann, ist mit einer kleinen jquery Funktion eines Minus-Marge oben für Row2 von ~ (Row1.ColB.Height - Row1.ColA.Height) setzen

Vielen Dank im Voraus

Rory

Quelle

2016-09-13 rory

Ich glaube nicht, dass es eine native Klasse dafür gibt. Allerdings können Sie einige CSS-Tricks machen und für die Struktur ändern, um dies zu ermöglichen, sollte kein JS erforderlich sein. –

Wenn die zweite Spalte (Zeile 1 B) ist größer als im Bild gezeigt, können Sie eine Klasse hinzufügen, um es direkt auf größere Bildschirme schweben zu haben ..

@media (min-width:768px) { 
    .pull-sm-right { 
     float:right; 
    } 
}

http://www.codeply.com/go/N3bJZRencG

Quelle

2016-09-13 10:56:07 ZimSystem

Bootstrap - Verwenden Sie vertikalen Raum ohne Mauerwerk

Antwort

Verwandte Themen