對齊手機按鈕到右邊不起作用

Question

如何對齊移動按鈕到右邊？我在行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

你的Flex屬性只明顯影響你行的直接孩子。嘗試將您的按鈕作爲該行的直接子項。