Html 我的徽标不是'；t安装到导航栏中

整个bootstraps的事情都快把我累死了。我在这个问题上迷失了方向，如果有人能在这方面帮助我，我将非常感激

很抱歉，我的样式表无法连接到此网站

我的导航条看起来像 但看起来应该是这样的

我真的希望你能帮我摆脱困境

*{
字体系列：“氧气”，无衬线；
背景颜色：栗色；
}
/**标题**/
#标题导航{
背景色：#f6b319；
边界半径：0；
边界：0；
}
#标志img{
背景：url（'../images/flying cat.png'）不重复；
宽度：150px；
高度：150像素；
左：15px；
背景尺寸：包含；
保证金：10px 10px 10px 10px；
}

---

图像不适合，因为您已将其设置为绝对尺寸，该尺寸大于导航栏。您的CSS类徽标img包含

高度：150px

，使其脱离导航栏。设置较低的高度特性，使其适合导航栏

您还在navbar品牌div中使用了一个div，这是不必要的，并且会导致问题，即使在引导锅炉板中，navbar品牌图像也是该div中的一个图像元素。在该navbar品牌div中放置一个图像标记，指定auto的宽度和高度，以便在其边界内进行缩放

这是在引导示例中实现的方法，但在使用自己的图像源时，需要对此进行调整

编辑导航栏标题HTML，使其如下所示：

---

问题在于引导应用的不必要的样式

所以

您需要将标题设置为固定高度，然后将背景的div设置为徽标标题高度范围内的高度。从长远来看，这应该是有问题的，以防使网站响应

我做了一个有点接近你需要的演示，把它从那里到你想要的设计

*{
字体系列：“氧气”，无衬线；
边距：0；填充：0；
}
标题{
高度：100px；
}
#标题导航{
背景色：#f6b319；
边界半径：0；
}
#标题导航、.container、.navbar标题、.navbar品牌{高度：100%；}
#标志img{
背景：url（'4.png'）不重复；
显示：内联块；
宽度：80px；
边框：1px实心；
高度：80px；
}

---

请不要在堆栈溢出时使用粗俗的语言-这既是因为我们尽可能保持本网站的专业性，也是因为这种语言会导致过于热心的公司webfilters阻止访问。

<div class="navbar-header">
      <a href="index.html" class="navbar-brand">
        <img src="https://placeholdit.co//i/555x150"></a>
</div>

.navbar-brand {
    padding: 10px;
}