Javascript 引导中的导航元素居中

我在其他主题中寻找这个问题，但给出的答案都不适合我。 我有一个导航，它应该以菜单1-Menu4为中心，在导航的右侧有菜单5

.navbar.nav，
.navbar.nav>li{
浮动：无；
显示：内联块；
*显示：内联；/*ie7修复*/
*缩放：1；/*hasLayout ie7触发器*/
垂直对齐：顶部；
}
.导航栏内部{
文本对齐：居中；
}

---

谢谢您的帮助。

您可以尝试以下方法来获取右侧的一些菜单项

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

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