2016-09-08 6 views
0

Ich habe Probleme mit dieser div Ausrichtung und Positionierung. Ich benutze Bootstrap 3 wo col-md-12 ist mein Elternteil div, col-md-9 und col-md-3 sind meine Kinder div (s). Dies ist ein Beispielbild meines Designs, mit dem ich Probleme habe.Div Positionierung Problem Bootstrap

enter image description here

Und können wir es als Reaktion machen?

Hier ist mein Code so weit: jsFiddle (Bitte geben Sie den Ansichtsbereich erweitern, um die Ausgabe zu sehen)

Vielen Dank im Voraus.

+1

Welches Problem haben Sie? –

+0

der div1 Inhalt hält nicht an Div1 Header. Bitte überprüfe die Geige einmal. –

+0

Ich bin mir nicht sicher, ob ich das bekomme, aber um es reaktionsschnell zu machen, müssen Sie die Spaltenbreiten auch für kleinere Geräte definieren. Zum Beispiel "col-xs-6 col-sm-3 col-md-9". –

Antwort

0

Sie können .col nicht direkt in .col verschachteln. Sie müssen .row als Wrapper für jede .col Ebene hinzufügen. Siehe: http://getbootstrap.com/css/#grid-nesting

Nachdem Sie dies getan haben, sollten Ihre Probleme gelöst werden.