将移动按钮对齐不起作用

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

您的弹性属性只会明显影响您行的直接子级。尝试将按钮作为该行的直接子项。