Nicht Center Bootstrap navigation bar
Ich versuche zu center diese: http://jsfiddle.net/MikeStardust/hwhS5/ navigation bar, aber kein Glück...
Durch die Mitte, ich meine die Elemente ausgerichtet in einer Zeile in der Mitte der navigation...
sah ein paar Lösungen, aber keiner war, resultiert in einer center aligned Navigationsleiste mit einem element pro Zeile.
Bar html (css & html-Format auf der jsfiddle)
<div class="navbar navbar-default">
<div class="navbar-header">
<button type="button" class="navbar-toggle"
data-toggle="collapse" data-target=".navbar-responsive-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="navbar-collapse collapse navbar-responsive-collapse">
<ul class="nav navbar-nav">
<li><a href="index.html">Home</a></li>
<li><a href="http://chaoticunited.com/forums">Forums</a></li>
<li><a href="servers.html">Servers</a></li>
<li><a href="help.html">Help Center</a></li>
<li><a href="#" data-toggle="modal" data-target="#vote">Vote</a></li>
<li><a href="#">Donate</a></li>
</ul>
</div><!-- /.nav-collapse -->
</div><!-- /.navbar
Habe ich dieses:
Und möchte diese:(Ergebnis aus photoshop)
- können Sie ein Bild hinzufügen, was Sie wollen, es zu schauen, wie. Ich bin mir nicht sicher, ob ich dem Folgen, was Sie möchten.
- könnten Sie zeigen einen screenshot, jsfiddle konnte nicht Sinn machen, richtig
- sicher, danke für den Versuch:)
- Auch hier ist eine richtige Bootstrap-Skelett Fiddle mit der notwendigen Bibliotheken, die Hinzugefügt wird, als externe Ressourcen. Sie können die Gabel es für eine einfachere Entwicklung und fügen Sie code hinzu.
- Habe ich dieses: i.imgur.com/JVh05N1.png Und möchte diese:(Ergebnis aus photoshop),i.imgur.com/B3UcOU9.png
InformationsquelleAutor MikeStardust | 2013-11-14
Schreibe einen Kommentar Antworten abbrechen
Du musst angemeldet sein, um einen Kommentar abzugeben.
Versuchen Sie, die display-Wert
.navbar-nav
inline-block und dann die Anwendungtext-align
auf seine Eltern zu Ausrichtung.Wenn Sie Sie brauchen, um die mobile Ansicht Ausrichtung können Sie sich erneut bewerben
text-align
an diesem Haltepunkt.Beispiel: http://jsfiddle.net/hwhS5/2/
Verwendung von bootstrap class="justify-content-center"