dedlfix: Bootstrap3 - "col-md-4" springt falsch um

Beitrag lesen

problematische Seite

Tach!

Nach der Definition müsste das DIV doch eine Zeile tiefer (links) zu finden sein. Und nicht unter der Werbung.

Wenn du definiert Zeilen haben möchtest, musst du bei Bootstrap ein Container-Element mir class="row" nehmen.

Der Fehler kommt daher, dass die Boxen alle float:left haben. Damit fließt die Werbung neben die zweite Box und da darunter noch Platz ist, fließt die dritte Box ebenfalls neben die zweite und unter die Werbung. Die kann nur dann am linken Rand weiterfließen, wenn die Werbung genauso hoch ist, wie die anderen Boxen.

Der Quelltext sollte so doch korrekt sein:

Nein. Ein ul hat als Kinder li-Elemente und nicht hx und div. Bootstrap arbeitet class-orientiert. Du darfst und solltest die korrekten Elemente nehmen, auch wenn in der Dokumentation oftmals div als Container verwendet wird.

dedlfix.