右にあるモバイルボタンを調整してもうまくいかない

Question

モバイルbtnを正しく調整するにはどうすればよいですか？私は行divでの間にjustify-content-betweenを使用していますが、動作しません。

header { 
 
    background-color: orange; 
 
}

<header> 
 
    <div class="container"> 
 
     <div class="row align-items-center justify-content-between"> 
 
      <div class="col"> 
 
       <h1 class=" Header__logo">Logo</h1></div> 
 
      <div class="col"> 
 
       <div class="Header__mobile"> 
 
        <a href="" class="Header__mobile_btn"><i class="fa fa-bars" aria-hidden="true"></i></a> 
 
        <ul class="Header__mobile_list d-none"> 
 
         <li><a href="">Item 1</a></li> 
 
         <li><a href="">Item 2</a></li> 
 
         
 
        </ul> 
 
       </div> 
 
      </div> 
 
     </div> 
 
    </div> 
 
    </header>

Answer 1

あなたのフレックスプロパティは、目に見えて、あなたの行の直接の子供たちに影響を及ぼしています。あなたのボタンを行の直接の子として置いてみてください。