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

Question

所以我看到了其他几篇帖子，表明您必须有一个带有 h-100 的容器才能将项目与对齐自我类对齐，但是我遇到了问题在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/