Zentrieren Dropdown-Menü mit Bootstrap
Ich versuche, mein Dropdown-Menü in Bootstap zu zentrieren.
%Vor% Es wird standardmäßig nach links gezogen, oder ich könnte pull-right wie folgt verwenden, um es nach rechts zu bewegen:
Ich möchte es jedoch zentrieren. Ich bin neu in Boostrap und kann nicht herausfinden, wie man es zentriert. Irgendwelche Tipps? Ich habe es richtig versucht: 50%, aber das hat nicht funktioniert.
Hinweis: Ich möchte den eigentlichen Text im Dropdown-Menü nicht zentrieren. Ich möchte das eigentliche Dropdown-Menü und den Carret unter dem Navigationsmenüpunkt, von dem es abfällt, zentrieren.
Hier ist mein vollständiges Code-Snippet in meiner Vorlage:
%Vor%CSS:
%Vor% 
3 Antworten
Dies funktionierte für mich bei Verwendung eines Standard-Bootstrap-Dropdown-Menüs. Passen Sie den linken Rand an, je nachdem wie breit Ihr Menü ist.
Sie können unten als CSS hinzufügen und diese Klasse wie folgt im Tag angeben:
%Vor%Im HTML-Code
%Vor%Diese Antwort ein bisschen spät, aber hoffentlich wird nützlich sein. Um ein Bootstrap-Dropdown-Menü in Bezug auf das übergeordnete Element zu zentrieren, versuchen Sie dies.
%Vor%Stellen Sie die Größe nach Bedarf ein, stellen Sie nur sicher, dass die Zahlenwerte (in diesem Beispiel 40px) übereinstimmen. Hier werden die linke und die rechte Seite des Dropdown-Menüs 40px nach links bzw. 40px nach rechts von der Parental / Origining-Verknüpfung gezogen.
BONUS RUNDE: Wenn der Text eines Listenelements breiter als das Menü ist, sollten Sie die folgende Deklaration hinzufügen.
%Vor%Tags und Links html css twitter-bootstrap