Die Navigationsleiste wird nicht mit den regulären CSS-Einstellungen zentriert

Question

Also versuche ich, eine Marine zu zentrieren, ich habe es versucht:

.navbar-nav {
display: inline-block;
}

.navbar-default {
text-align: center; 
}

Aber kein Glück, es zentriert nur den Dropdown-Inhalt ...Ich habe einige andere Vorschläge ausprobiert, die ich hier zum Stapelüberlauf gefunden habe, konnte ihn aber immer noch nicht zentrieren.

Ich verwende bootstrap.css und ein flat-ui.css, vielleicht hat es damit zu tun.Geige:http://jsfiddle.net/MikeStardust/xZ6YM/Wenn etwas auf der Geige fehlt, schauen Sie bitte auf der temporären Website nach: http://tf2.site40.net

Vielen Dank

Answer 1

Wickeln Sie es mit ein container

Funktionierende Demo

<div class="container">
<div class="navbar navbar-default">         
            //stuff
</div>    
</div> 

Aktualisieren:Wenn Sie möchten, dass die Außenbreite die volle Breite hat, können Sie sie umwickeln header .Danke @kristjanReinhold

Aktualisierte Demo

<header class="navbar">
<div class="container">
//stuff
</div>
</header>

Answer 2

Versuchen Sie, es in einen generationspflichtigen Zapfen zu setzen

Answer 3

inline-block; macht nur eine div so breit sein zufrieden, um zu zentrieren, müssen Sie auch die Margen angeben !!

generasacodicetagpre.