Navbar toggler position

Question

<div class="nav-menu"> 
    <nav class="navbar navbar-expand-md navbar-light bg-light"> 
     <a class="navbar-brand" href="#">Startup</a> 
     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navmenu" aria-controls="navmenu" aria-expanded="false" 
      aria-label="Toggle navigation"> 
      <span class="navbar-toggler-icon"></span> 
     </button> 

     <div class="collapse navbar-collapse" id="navmenu"> 
      <ul class="navbar-nav ml-auto"> 
       <li class="nav-item active"> 
        <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a> 
       </li> 
       <li class="nav-item"> 
        <a class="nav-link" href="#">Link</a> 
       </li> 
       <li class="nav-item dropdown"> 
        <a class="nav-link dropdown-toggle" href="#" id="dropdown01" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dropdown</a> 
        <div class="dropdown-menu" aria-labelledby="dropdown01"> 
         <a class="dropdown-item" href="#">Action</a> 
         <a class="dropdown-item" href="#">Another action</a> 
         <a class="dropdown-item" href="#">Something else here</a> 
        </div> 
       </li> 
      </ul> 
     </div> 
    </nav> 
</div> 

私のnavbarブランドのすぐ隣に配置するようにトグルを変更するにはどうすればよいですか？私はそれを再配置するために使用する必要がありますか？

Answer 1

組み込みのクラス.navbar-toggler-rightまたは.navbar-toggler-leftを追加して、トグルボタンを左右に配置します。

<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navmenu" aria-controls="navmenu" aria-expanded="false" 
      aria-label="Toggle navigation"> 
    <span class="navbar-toggler-icon"></span> 
</button> 

さらにカスタマイズするにはカスタムCSSが必要です。