gpt4 book ai didi

html - 将导航栏品牌与 Bootstrap 垂直对齐

转载 作者:行者123 更新时间:2023-11-28 16:37:40 24 4
gpt4 key购买 nike

如何在中间垂直对齐 navar-brand img?

enter image description here

那个黑框是我想在中间对齐的 Logo 。

标记是:

<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>

<a class="navbar-brand" href="#">
<img alt="Brand" width="163" height="36" src="...">
</a>
</div>

最佳答案

只需将其添加到您的 CSS 中即可:

.navbar-brand{
min-height: 66px !important;
}
.navbar-header{
min-height: 66px !important;
}

关于html - 将导航栏品牌与 Bootstrap 垂直对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34237002/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com