Aus dem Kurs: Bootstrap 4: Ein erster Blick
Erhalten Sie Zugriff auf diesen Kurs – mit einer kostenlosen Probeversion
Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 25.300 Kurse von Branchenfachleuten.
Wie das Raster funktioniert
Aus dem Kurs: Bootstrap 4: Ein erster Blick
Wie das Raster funktioniert
Beim Entwickeln von Webseiten ist das Positionieren von Elementen eine der großen Herausforderungen. Und wenn das Ganze dann auch noch auf unterschiedlichen Endgeräten eine gute Figur machen soll, ja, spätestens dann bin ich für ein Framework wie Bootstrap sehr dankbar, denn das nimmt mit so einem großen Teil genau diese Arbeit ab. Und spannend ist es jetzt, durchaus sich anzuschauen, wie es das macht. Das zugrunde liegende Konzept ist ein Raster-Konzept. In diesem Raster gibt es zwölf Spalten, und diese zwölf Spalten können dann beliebig aufgeteilt werden. Und um dieses Raster-Konzept umzusetzen, gibt es ein 3-Stufen-Konzept. Diese drei Stufen sind einerseits Container, die befüllt werden mit Reihen, und diese wiederum sind das Zuhause für diese einzelnen Spalten, also für die Columns. Und das Beste dran ist, dass all diese einzelnen Elemente mit Hilfe von CSS-Klassen angesprochen werden können. Wenn Sie sich das Ganze grafisch vorstellen wollen, so haben wir hier jetzt eben unsere…
Üben mit Projektdateien
Laden Sie die Dateien herunter, die von den Trainer:innen verwendet werden. So können Sie mitlesen und durch Ansehen, Zuhören und Üben lernen.
Inhalt
-
-
-
-
(Gesperrt)
Wie das Raster funktioniert3 Min. 3 Sek.
-
(Gesperrt)
Container mit Inhalt3 Min. 2 Sek.
-
(Gesperrt)
Reihenweise Einträge2 Min. 10 Sek.
-
Inhalte in Spalten verpackt6 Min. 23 Sek.
-
(Gesperrt)
Vordefinierte Raster – Klassen und was sie so können5 Min. 38 Sek.
-
(Gesperrt)
Die Spalte in der Spalte6 Min. 26 Sek.
-
(Gesperrt)
Einen Header gestalten9 Min. 33 Sek.
-
(Gesperrt)
Die zugrunde liegenden Einstellungen in SASS6 Min. 43 Sek.
-
(Gesperrt)
-
-
-