如何居中导航栏

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; 
}