如何居中導航欄

Question

的一部分，我有我的導航欄如下：

<nav class="navbar navbar-inverse" id="header"> 
    <div class="container-fluid"> 
     <div class="navbar-header"> 
      Welcome 
     </div> 
    <div class="container-fluid"> 
     <ul class="nav navbar-nav navbar-right"> 
      <li>@*<a href="LogOff"><span class="glyphicon glyphicon-log-out"></span>Log out</a>*@ 
       <form action="LogOff"> 
        <input type="submit" class="btn btn-default" id="logoff" value="LogOff" /> 
       </form> 
      </li> 
      </li> 
     </ul> 
    </div> 
    </div> 
</nav> 

我想在我的網頁爲中心的歡迎吧。我試着用CSS：

​​

但我的歡迎仍然左對齊。任何想法如何集中歡迎？

補充：

#header 
{ 
    background-color:#293939 ; 
    color: White; 
    text-align:center; 
    font-size:17px; 
    height: 40px; 
} 

Answer 1

給它一些最大寬度，和左，右兩側的自動保證金。

即

.navbar-header 
{ 
    max-width: 250px; 
    margin: 0 auto; 
}