Aus dem Kurs: Bootstrap 5 Grundkurs

So erhalten Sie Zugriff auf diesen Kurs

Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 23.200 Kurse von Branchenfachleuten.

Hintergrund: Flexbox

Hintergrund: Flexbox – Tutorial zu Bootstrap

Aus dem Kurs: Bootstrap 5 Grundkurs

Gratismonat starten Für Ihr Team erwerben

Hintergrund: Flexbox

“

Wenn das Raster in Bootstrap einmal nicht macht, was es soll, kann es hilfreich sein, zu wissen, was dahinter steht, also mit welcher Technik das Raster realisiert wird. Die Technik heißt flexbox. flexbox ist ein Layout-Modul. Schauen wir uns das Grundprinzip an. Also, hier verwende ich nicht Bootstrap, sondern ich schreibe meinen CSS-Code selber. Ich habe drei Elemente, die untereinander dargestellt werden, und derzeit habe ich nur ein bisschen Farben definiert, damit man schön sieht, wie weit sie reichen, und wenn ich jetzt bei diesem umfassenden Element, dem ich passenderweise die Klasse flexbox gegeben habe, angebe "display: flex", also "display: flex", dann löse ich diese flexbox-Darstellung aus und das bedeutet, dass die Elemente nebeneinander dargestellt werden und nicht mehr untereinander. Und wenn ich dann möchte, dass die den Platz unter sich aufteilen, dann kann ich das machen, indem ich diese Elemente auswähle. Das kann ich machen, indem ich die Kindelemente auswähle und…

Inhalt