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

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…

Inhalt