品牌4

Question

<nav class="navbar-toggleable-sm" role="navigation"> 
     <div class="container justify-content-center"> 


      <div class="navbar-brand navbar-brand-centered">Brand</div> 




      <ul class=" navbar-nav float-left"> 
      <li class = "nav-item"><a class=" nav-link" href="#">Link</a></li> 
      <li class = "nav-item"><a class=" nav-link" href="#">Link</a></li> 
      <li class = "nav-item"><a class=" nav-link" href="#">Link</a></li> 
      </ul> 
      <ul class=" navbar-nav float-right"> 
      <li class = "nav-item"><a class=" nav-link" href="#">Link</a></li> 
      <li class = "nav-item"><a class=" nav-link" href="#">Link</a></li> 
      <li class = "nav-item"><a class=" nav-link" href="#">Link</a></li>    
      </ul> 
     <!-- /.navbar-collapse --> 
     </div><!-- /.container-fluid --> 
    </nav> 

我已经开始学习bootsrap 4在这里我要像前三个链接我的导航到左等人到我的品牌标志的权利，且整个容器是合理的中心也。

Answer 1

<div class="navbar-collapse collapse"> 
 
     <ul class="nav navbar-nav"> 
 
      <li class="nav-item"> 
 
       <a class="nav-link" href="#">Link</a> 
 
      </li> 
 
      <li class="nav-item"> 
 
       <a class="nav-link" href="#">Link</a> 
 
      </li> 
 
      <li class="nav-item"> 
 
       <a class="nav-link" href="#">Link</a> 
 
      </li> 
 
     </ul> 
 
    </div> 
 
    <a class="navbar-brand mx-auto" href="#">BRAND</a> 
 
    <div class="navbar-collapse collapse"> 
 
     <ul class="nav navbar-nav ml-auto"> 
 
      <li class="nav-item"> 
 
       <a class="nav-link" href="#">Link</a> 
 
      </li> 
 
      <li class="nav-item"> 
 
       <a class="nav-link" href="#">Link</a> 
 
      </li> 
 
      <li class="nav-item"> 
 
       <a class="nav-link" href="#">Link</a> 
 
      </li> 
 
     </ul> 
 
    </div> 
 
</nav>