wie man das Untermenü mit Bildern zentriert in bootstrap nav-pill behält

8

Freunde, ich reagiere auf Probleme, während ich Bilder im Untermenü zentriere. Ich habe einen Behälter der Breite 1280px, für alle Bildschirme. Wie Sie in der Geige sehen können, habe ich Kategorien als Menü. Wenn wir auf Kategorien klicken, öffnet sich ein Menü mit Bildern. Ich möchte, dass diese Menüs auf allen Bildschirmen zentriert sind und der Rahmen den gesamten Bildschirm abdecken sollte.

In einfachen Worten sollten unsere Kategorien genau unterhalb des linken Logos beginnen und alle Bilder sollten immer auf allen Bildschirmen zentriert sein. Jetzt wird das Untermenü mit Bildern immer nach links oder rechts verschoben. Ich möchte, dass Bilder im Untermenü Containerbreite immer annehmen und in Container für alle Desktopbildschirme passen, indem Sie den linken und rechten Rand belassen, und das ganze Untermenü sollte den gesamten Bildschirm abdecken Demo zum Nachschlagen Ich füge einen Screenshot hinzu, bitte, und sehen, ob Sie mir dabei helfen können, vielen Dank für das Geben deine Zeit.

Dieses Bild zeigt, was ich jetzt problem_img bekomme Dies ist, was ich exact_img möchte, obwohl es rechts weniger Platz hat. aber ich brauche so etwas, alle Inhalte sollten in die Containerbreite passen und den gleichen Platz links und rechts sowie Hintergrundschwarz, das die gesamte Bildschirmgröße abdeckt, lassen. Ich habe es mit margin-left versucht, aber es passt nur für den Bildschirm, für den ich eingestellt habe. Bitte helfen Sie mir, dieses Menü ansprechbar zu machen. Irgendwelche Hilfevorschläge werden geschätzt. JSFiddle aktualisiert Vielen Dank.

%Vor%     
Sudarshan 21.02.2016, 19:33
quelle

3 Antworten

6

Ссылка

Ich habe deine Geige hier aktualisiert. Ihre HTML-Tags sieht mehr durcheinander, aber ich habe es nur geändert, um für Ihre Anforderung zu arbeiten.

%Vor%

}

%Vor%     
Vinothkumar 24.02.2016, 05:51
quelle
2

Ich habe Ihre CSS hier aktualisiert Bitte versuchen Sie dies

%Vor%     
Mitul Patel 01.03.2016 08:18
quelle
2

Ich habe diese Klasse hinzugefügt - & gt;

Ссылка

%Vor%

überschreibt Ihre und entfernt Pull-rechts-Klasse aus dem Untermenü.

    
Shekhar Bajpayee 01.03.2016 13:21
quelle

Tags und Links