Wie kann ich center das Zurb Foundation top nav bar?
Den top nav bar auf meine Website Links ausgerichtet wie dieses:
| Home | aveoTSD | Silent Nite |
Würde ich mag, um die Mitte der oberen Leiste nav wie diese:
| Home | aveoTSD | Silent Nite |
Center es genau so wie der rote Balken mit "Beispiel" - text.
Hier ist mein css.
Ich empfehle Ihnen, werfen Sie alles in ein JSFiddle-und post einen link zum JSFiddle oder post alle relevanten HTML-und CSS direkt hier eher als link.
Ich arbeite lieber mit der live-Website, damit der link oben war in Ordnung.
betrachten Sie meine Antwort über die, die Sie angenommen haben
was etwa hinzufügen .Zeile der nav? wie ist es automatisch zentrieren Dinge, könnte diese Arbeit als ein trick.
<div class="top-bar" id="Beispiel-menu"> <div class="row"> <div class="top-bar-left"> ..............
Ich arbeite lieber mit der live-Website, damit der link oben war in Ordnung.
betrachten Sie meine Antwort über die, die Sie angenommen haben
was etwa hinzufügen .Zeile der nav? wie ist es automatisch zentrieren Dinge, könnte diese Arbeit als ein trick.
<div class="top-bar" id="Beispiel-menu"> <div class="row"> <div class="top-bar-left"> ..............
InformationsquelleAutor user2343800 | 2013-05-31
Schreibe einen Kommentar Antworten abbrechen
Du musst angemeldet sein, um einen Kommentar abzugeben.
Können Sie es durch hinzufügen dieser zu Ihrer CSS (und am besten entfernen widersprüchliche Stile):
als ich dies Tat es versaut die kleine, mobile version, vor allem für alles, was Elemente mit drop-downs. haben jemand anderes dieses problem oder weiß die Lösung?
Sie sollte wohl post eine neue Frage mit einem link für die Hilfe auf dieser.
Ich ging voran und Tat es und bekam shafted von Moderatoren für doppelte Fragen... jedermann, das schaut, um dies zu implementieren, ohne die Funktionalität bewirken siehe meine Antwort hier
InformationsquelleAutor ralph.m
Gefunden dies hilfreich sein:
https://github.com/zurb/foundation/issues/1598
Legen Sie den container mit der navigation:
text-align:center;
Dann für die navigation legen Sie den Bildschirm auf:
display:inline-block;
Hoffe, das hilft!
InformationsquelleAutor cleegp
Hier ist die beste Lösung, die ich gefunden habe, die für alle Werke auf resize-Ereignisse. It-Zentren der Stiftung 5 Top-bar-Elemente.
SCSS:
HTML:
InformationsquelleAutor blnc
Dem obigen Beispiel habe ich ein paar tweaks. Die oben genannten Zentren alles. Die Einstellungen unter Zentren der topbar, Links rechtfertigt Sie den text auf drop-downs und-Zentren, die "hamburger" - Menü-Symbol, wenn es in mobile:
InformationsquelleAutor John W.