引導中心導航元素

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>