如何在div中垂直对齐导航栏？

Question

所以我看到其他一些帖子表明你必须有一个带有h-100的容器来将项目与align-self类对齐但是我遇到的问题是在div的底部对齐导航栏。如果我将导航栏固定在另一个容器中并且行可行，则导航栏不是主容器的整个宽度。这就是我所拥有的：

<div class="container-fluid h-100 body-content">
    <nav class="navbar navbar-light bg-light align-self-lg-end">
        <a class="navbar-brand" href="#">Navbar</a>
    </nav>
    <div class="logo_banner">
    </div>
    <footer>
        <p>Footer</p>
    </footer>
</div>

谢谢，所有帮助表示赞赏。

Answer 1

尝试使用.align-middle类。

https://getbootstrap.com/docs/4.0/utilities/vertical-align/