Aus dem Kurs: Bootstrap 4: Ein erster Blick
So erhalten Sie Zugriff auf diesen Kurs
Werden Sie noch heute Mitglied und nutzen Sie über 22.800 Kurse von Branchenfachleuten. Sie können diesen Kurs auch separat erwerben.
Vordefinierte Raster – Klassen und was sie so können
Aus dem Kurs: Bootstrap 4: Ein erster Blick
Vordefinierte Raster – Klassen und was sie so können
Dank dieser vordefinierten Klassen für die unterschiedlichen Bildschirmgrößen haben wir sehr viel Freiraum, was das Erscheinungsbild unseres Inhalts auf diesen unterschiedlichen Ausgabegeräten anbelangt. Hier zum Beispiel habe ich in Wirklichkeit nur eine Reihe, und in dieser einen Reihe habe ich jetzt sechs kleine Artikelchen, und ich kann jetzt dafür sorgen, dass bei anderen Größen auch andere Effekte in Erscheinung treten. Sehen wir uns das Ganze mal hier in unserem HTML an, da es ist eben im Moment so, dass ich nur für den kleinen Bildschirm definiert habe, dass ich vier Spalten pro Artikelchen brauche. Und es ist relativ leicht, zu erkennen, dass sich das dann in einer Reihe nicht ausgehen kann, weil sechs mal vier nun mal vierundzwanzig und nicht zwölf ist, und das können wir auch hier sehen. Hier habe ich einfach automatisch einen Umbruch, so dass ich eine zweizeilige Ansicht bekomme, und das Schöne dran ist, ich habe jeden meiner kleinen Artikelchen entsprechend ihrer Reihe…
Ü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)
-
-
-