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.

Eine grundlegende responsive Navigation

Eine grundlegende responsive Navigation

Aus dem Kurs: Bootstrap 4: Ein erster Blick

Gratismonat starten Für Ihr Team erwerben

Eine grundlegende responsive Navigation

“

Dies hier ist vom Aufbau her eine relativ klassische Seite, wie sie heute eigentlich üblich ist, mit einem großen Hintergrundbild und so einer Titelzeile. Wenn wir uns das Ganze hier in der HTML-Datei anschauen, so ist das nichts besonders Aufregendes. Ich habe hier eine eigene Sektion, in der eben diese Titelzeile liegt, die auf jeden Fall schon mal gut Platz auch auf schmalen Bildschirmen einnimmt, gerade mit einem Offset von einer Spalte auf der linken und dann indirekt gesehen auf der rechten Seite und mit einer dank display-3 größeren Überschrift. Ich habe hier jetzt auch ein eigenes CSS genau für diese cover-Sektion, wo eben das Bild eingefügt wieder in den Hintergrund zentriert zu liegen kommt. background-size cover sorgt dafür, dass der gesamte Bildschirm in Anspruch genommen wird, die Schriftfarbe eben auf Weiß, den Text selbst eben auf zentriert gesetzt habe, und ich arbeite hier jetzt mit flex-Box-Definitionen. Wohl, wir sehen, dass Sie noch nicht durchgängig unterstützt…

Inhalt