Vollbild Bootstrap-Dropdown-Nav

8

Ich versuche, das Dropdown-Menü für die gesamte Breite mit dem Bootstrap zu erstellen, wie Sie auf diesem Bild sehen können . Jetzt habe ich so etwas (ich habe unnötige Gegenstände aus der Navigationsliste entfernt):

%Vor%

Und ich muss ein Dropdown-Menü wie dieses erstellen . Ich habe keine Änderungen an den navbar- und dropdown less-Dateien vorgenommen - das ist der Grund, warum ich kein CSS poste, es ist reines Bootstrap 3.2.0 . Ich habe gerade mit CSS-Regeln in Chrome gespielt, sie deaktiviert und ihre Werte geändert (die mit der Positionierung etwas gemeinsam haben).

Ich habe meine eigenen Regeln hinzugefügt, aber ich kann immer noch nicht herausfinden, wie ich 100% der Breite des Darstellungsbereichs einstellen kann. Wahrscheinlich erbt es die Breite von Parent, die - natürlich - keine Darstellungsbreite hat. Dies könnte das Problem sein.

Auch Ich habe dieses Thema width: 100% benutzte), aber es wurde unter "Kalkulačky" ausgerichtet und wenn ich wollte, dass es am linken Bildschirmrand startete, musste ich left: -100px benutzen. Hast du eine Idee? Ich bin kompetent verloren.

Bitte seien Sie wohlwollend - Ich habe keine guten Kenntnisse in CSS und ich habe gerade mit Bootstrap begonnen.

    
Northys 19.10.2014, 11:24
quelle

3 Antworten

18

Für eine Standard-Navbar-Komponente, die nicht in div.container eingeschlossen ist, können Sie das folgende CSS verwenden:

%Vor%

Demo

Das display: table-cell kann auch durch display: inline-block;

ersetzt werden     
Bass Jobsen 20.10.2014, 13:55
quelle
2

Am besten, dieses Plugin zu verwenden

Ссылка

HTML

%Vor%

WENIGER

%Vor%     
Miomir Dancevic 20.10.2014 14:33
quelle
-2

Haben Sie dieses CSS versucht, könnte es helfen.

%Vor%     
iamprogrammer10 19.10.2014 11:37
quelle

Tags und Links