Ich habe einen grundlegenden Bootstrap navbar hereWie wird dieses Dropdown-Menü in voller Breite unterhalb der Navigationsleiste angezeigt?
Was ich will ist, dies zu tun:
(Navbar)
----- ------ Logo Artikel --- -Dropdown ---------------------------- Login/Anmelden -----
(Dropdown-Menü)
----- Unterelement ---- Unterelement ---- Unterelement ---------------------------- -----------
Bei Hover möchte ich das Dropdown-Menü zeigen volle Breite direkt unter der Navbar. Das Hover-Ereignis ist nicht das, mit dem ich Probleme habe. Ich habe Probleme, es richtig auf 100% Breite zu positionieren.
aktualisiert
Ich sehe, dass Bootstrap fügt position: relative
-.nav > li
, wenn ich, dass in Chrome-Entwickler-Tool startet es volle Breite aus dem Bildschirm an der Position des navbar ab Elements geht.
Lösung
Die Lösung für mein Beispiel überschrieben wurde .nav>li
der Bootstrap zu position: static
.
Ich weiß jetzt, dass dies ein Mega-Menü aufgerufen wird :)
Ah! Es würde helfen, wenn ich die richtige Terminologie dafür würde. Ja, genau das wollte ich. Ich konnte mein Beispiel beheben, indem ich ".nav> li" auf "position: static" setzte. Hat das aktualisierte in meiner Frage gepostet. Das ist sehr nützlich, danke. –