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.

Der Aufbau einer responsiven Navigationsleiste

Der Aufbau einer responsiven Navigationsleiste

Aus dem Kurs: Bootstrap 4: Ein erster Blick

Gratismonat starten Für Ihr Team erwerben

Der Aufbau einer responsiven Navigationsleiste

“

Hier haben wir nun eine Navigationsleiste mehr oder weniger von der Stange, und das Besondere an dieser Navigationsleiste ist das, dass sie eben responsive ist, das heißt, wenn sich die Anzeigegröße ändert, verändert sie ihr Verhalten und wird zu einem Button, und man muss dann auf diesen Button gezielt draufklicken, um wieder Zugang zur Navigation zu bekommen. Das spart Platz und sorgt dafür, dass auf kleinen Anzeigen nicht die ganze Anzeige nur von der Navigation eingenommen wird. Und wir wollen uns jetzt ansehen, wie das sozusagen umgesetzt wird. Gut. Wir haben hier eigentlich diesen ganzen Bereich als den Bereich in unserem HTML, der sich um diese Navigation kümmert. Das ist eben diese Navigationsleiste, wobei die eigentliche Navigation hier mit der ungeordneten Liste beginnt. Aber wir haben vorneweg schon ein Stilelement, das eben dafür sorgt, dass wir zum Beispiel die Leiste über die ganze Breite des Bildschirms bringen können. Und gleich darunter haben wir diesen Button, der ja…

Inhalt