试图弄清楚如何更改引导导航栏内容器的默认行为。默认情况下,它在导航栏包装器中垂直对齐中心(见下图),但我希望它与顶部对齐。
截至目前,我正在使用 Bootstrap 在其网站上为导航栏提供的示例,仅进行了一些小的调整。
尝试将 vertical-align 属性添加到 .navbar 和 .container 类,但它没有改变任何东西。也许是 flex 设置?
最佳答案
您可以将 .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/
关于css - 更改 Bootstrap Navbar Container 垂直对齐的位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52999756/