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.
Unterschiedliche Stylings für die Navigation
Aus dem Kurs: Bootstrap 4: Ein erster Blick
Unterschiedliche Stylings für die Navigation
So, hier habe ich jetzt meine Navigationsleiste von der Stange sozusagen. Sie passt jetzt optisch noch nicht ganz zu meiner restlichen Seite dazu. Aber auch das ist mit einigen Attributen eigentlich sehr schnell erledigt. Und auch dafür gibt uns Bootstrap so fertige Attribute, die wir einsetzen können. Das Erste, was mich interessiert, ist eben das Farbschema, das heißt, ich klicke hier auf den Link für das Farbschema, und hier bekomme ich schon Beispiele angezeigt, wie ich zum Beispiel die Farbe invertieren kann. Und das funktioniert. In meinem Fall möchte ich sie im Dunkel haben, das heißt, ich sage navbar navbar-dark und bg-inverse. Damit sorge ich dafür, dass die Schrift von einem Grau auf ein Weiß wechselt beziehungsweise auf ein helleres Grau beziehungsweise der Hintergrund selbst dunkel wird. Na gut, probieren wir das gleich mal aus, Ich wechsle also zurück in meine navbar und dann sage ich hier statt navbar-light navbar-dark und statt dem bg-faded machen wir ein bg-inverse…
Ü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)
Eine grundlegende responsive Navigation4 Min. 31 Sek.
-
(Gesperrt)
Unterschiedliche Stylings für die Navigation5 Min. 24 Sek.
-
(Gesperrt)
Der Aufbau einer responsiven Navigationsleiste3 Min. 34 Sek.
-
(Gesperrt)
Dropdown-Menüs6 Min. 54 Sek.
-
(Gesperrt)
Erweiterte Fußzeile6 Min. 28 Sek.
-
(Gesperrt)
Styling einer Fußzeile5 Min. 7 Sek.
-
(Gesperrt)
-