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

Question

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

到目前为止，我使用的是Bootstrap在其网站上提供的导航栏示例，仅作了一些细微调整。

试图向.navbar和.container类添加一个vertical-align属性，但是它没有任何改变。也许是弹性设置？

Answer 1

您可以将align-items:center;上的.navbar更改为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/