css - 更改 Bootstrap Navbar Container 垂直对齐的位置

Question

试图弄清楚如何更改引导导航栏内容器的默认行为。默认情况下，它在导航栏包装器中垂直对齐中心(见下图)，但我希望它与顶部对齐。

截至目前，我正在使用 Bootstrap 在其网站上为导航栏提供的示例，仅进行了一些小的调整。

尝试将 vertical-align 属性添加到 .navbar 和 .container 类，但它没有改变任何东西。也许是 flex 设置？

Answer 1

您可以将 .navbar 上的 align-items:center; 更改为 align-items: flex-start;，或者您可以添加将引导实用程序类 .align-items-start 放到导航栏上。

<nav class="navbar navbar-expand-lg navbar-light bg-light align-items-start">
    ...
</nav>

您可以在这里阅读更多关于 flexbox 的信息:https://css-tricks.com/snippets/css/a-guide-to-flexbox/