Как центрировать часть навигационной панели

Question

у меня Navbar следующим образом:

<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:

.navbar-header 
{ 
    display:block; 
    text-align:center; 
} 

Но мое приветствие по-прежнему оставлено вровень. Любая идея о том, как центрировать Welcome?

Добавлено:

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

Answer 1

Дайте ему некоторую максимальную ширину, и запас авто на левой и правой сторон.

т.е.

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