Javascript 引导导航条中心对齐 切换导航

这是我的HTML代码，因为这将是导航栏-我想保持我的品牌在左角-现在好了链接，即链接1到链接5对齐导航栏的中心链接6和链接7在右侧-现在好了

请帮助我将链接1到链接5与导航栏的中间对齐，以便在折叠时删除中心对齐，并将所有折叠的链接放在左侧

---

第一个帖子！抱歉英语不好

只需使用下面提到的css，您就可以实现它。 将

class=navbar center

添加到包含需要中间对齐的链接的

工作示例

@介质（最小宽度：768px）{
.navbar-nav.navbar-center{
位置：绝对位置；
左：50%；
转化：translatex（-50%）；
}
}

切换导航

将

align=“center”

添加到所需的div

div

具有

align

属性。这不起作用-我已经尝试了很多次了，先生，新手，现在我遇到了一个问题，我有一个导航栏，然后是一个引导转盘，所以问题是下拉列表隐藏在转盘后面，如果我删除导航中心css代码，那么它工作正常！那么，我如何将中心的链接与此处的下拉列表对齐？请检查以上内容并帮助我解决问题

<!-- Navbar start -->
    <nav class="navbar navbar-default" role="navigation">
      <div class="container-fluid">

        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#a-navbar-collapse" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
              </button>

          <a class="navbar-brand" href="#">
            Brand
          </a>
        </div>


       <div class="navbar-collapse collapse"  id="a-navbar-collapse">  
           <ul class="nav navbar-nav">
                     <li><a href="#">Link 1</a></li>
                     <li><a href="#">Link 2</a></li> 
                     <li><a href="#">Link 3</a></li>
                     <li><a href="#">Link 4</a></li> 
                     <li><a href="#">Link 5</a></li> 
           </ul>


              <ul class="nav navbar-nav navbar-right">
                 <li><a href="#">Link 6</a></li>
                 <li><a href="#">Link 7</a></li>
              </ul>
        </div> 
       </div>
    </nav>
    <!-- Navbar End -->