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.
Container mit Inhalt
Aus dem Kurs: Bootstrap 4: Ein erster Blick
Container mit Inhalt
Sehen wir uns also im Folgenden an, wie diese umfassenden Container funktionieren. Diese umfassenden Container haben hauptsächlich die Aufgabe, dass sie das Layout im Großen kontrollieren können. Sie geben den Rahmen vor, in dem dann die Inhalte sich ausbreiten können. Und um die Darstellung zu verbessern, hat jeder dieser Container von sich aus, bevor nicht noch speziellerer Inhalt dazukommt, etwas Padding links, rechts, oben und unten, um Luft zum Bildschirmrand zu haben. Und diese Container gibt es mehr oder weniger in zwei Geschmacksrichtungen. Das ist einerseits ein Container mit flexibler Größe, namens Container Fluid, und dann gibt es noch einen mit einer fixen Größe. Und diese fixe Größe wird beibehalten, und dann gibt es da bestimmte Breakpoints, definierte Breakpoints, an deren Grenzmarke dann das Layout umbricht. Sehen wir uns das Ganze einmal im praktischen Ton an. Hier habe ich jetzt wieder meinen Editor und gleich hier auf der rechten Seite dazu den geöffneten Browser…
Ü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)
-
-
-