css - 更改引导导航栏容器垂直对齐的位置

Question

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

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

尝试向 .navbar 和 .container 类添加一个垂直对齐属性，但它没有改变任何东西。也许它是一个弹性设置？

标签： cssbootstrap-4

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/