ブランド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> 

私は私が私のロゴのブランドとその容器全体の右側にある最初の3つの左へのリンクや他の人のように私のナビゲーションのように正当化されたく、ここ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>