gpt4 book ai didi

html - Bootstrap Navbar 图片尺寸太大

转载 作者:行者123 更新时间:2023-12-02 14:57:35 25 4
gpt4 key购买 nike

我是 bootstrap 4 的新手,我对导航栏有疑问。所以我想把我的公司名称和它的标志放在旁边,但由于某种原因,图像太大了。我该怎么做才能更改图像的大小以适应导航栏的内部。谢谢!

<nav class="navbar navbar-expand-sm fixed-top">
<div class="container">
<a href="index.html" class="navbar-brand text-dark display-4">
<img id="ojLogo" src="img/ojicon.png"> OddJob
</a>
</div>
</nav>

最佳答案

您必须定义 Logo 图像的高度以减小其图像大小。还需要将图像向左浮动,以便在其旁边显示公司名称。如有必要,还可以定义 navbar-brand 的宽度。您可以使用以下 CSS:

.navbar-brand {
width:150px;
font-size: 24px;
}
.navbar-brand img {
height: 50px;
/* put value of image height as your need */
float: left;
margin-right: 7px;
}

关于html - Bootstrap Navbar 图片尺寸太大,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52247860/

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