Центрирование элементов навигации в бутстрапе

Question

Я искал проблему в других темах, но ни один из заданных ответов не работал для меня. У меня есть навигация, которая должна иметь Menu1-Menu4 с центром и Menu5 с правой стороны от навигации.

https://jsfiddle.net/tbvcc6bj/

<nav class="navbar navbar-default" role="navigation"> 
    <div class="container-fluid"> 
     <div class="navbar-header"> 
      <a class="navbar-brand" href="#">Logo</a> 
     </div> 

     <div class="navbar-inner"> 
      <ul class="nav navbar-nav"> 
      <li><a href="#">Menu1</a></li> 
      <li><a href="#">Menu2</a></li> 
      <li><a href="#">Menu3</a></li> 
      <li><a href="#">Menu4</a></li> 
      <li class="pull-right"><a href="#">Menu5</a></li> 
      </ul> 
     </div> 
    </div> 
</nav> 

.navbar .nav, 
.navbar .nav > li { 
    float:none; 
    display:inline-block; 
    *display:inline; /* ie7 fix */ 
    *zoom:1; /* hasLayout ie7 trigger */ 
    vertical-align: top; 
} 

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

Спасибо за помощь.

Answer 1

Вы можете попробовать следующее для получения некоторых пунктов меню на правой

<div class="navbar-collapse collapse" collapse="navbarProperties.isCollapsed"> 
      <ul class="nav navbar-nav"> 
       <li><a href="#/routeOne">Route One</a></li> 
       <li><a href="#/routeTwo">Route Two</a></li> 
       <li><a href="#/routeThree">Route Three</a></li> 
      </ul> 
      <ul class="nav navbar-nav navbar-right"> 
       <li><a href="#/login">Login</a></li> 
       <li><a href="#/register">Register</a></li> 
      </ul> 
     </div>