引导导航栏高度答案

【问题标题】：Bootstrap navbar height引导导航栏高度
【发布时间】：2020-01-14 13:51:22
【问题描述】：

我有一个关于导航栏类的问题，我应该如何正确设置导航栏的高度？

举个例子

<nav class="navbar navbar-light bg-light" style="height: 30px">
 <a class="navbar-brand">
 <img src="source/of/the/image.jpg" href="#">
</a>
</nav>

这种样式完全会破坏导航栏的形式。我无法正确地将图标设置为我想要的位置。除此之外，navbar-brand 应该负责页面的标志，但外部配置没有按设计工作。

所以我有两个问题： 1.如何正确设置导航栏的高度 2.如何在navbar-brand中配置与父导航栏兼容的logo。

【问题讨论】：

您能否分享一个最小的代码示例来复制您面临的问题 - 这将使帮助更容易

标签： bootstrap-4 frontend

【解决方案1】：

根据您的示例，我创建了一个代码示例，请点击链接

<nav class="navbar navbar-light bg-light">
  <a href="#" class="navbar-brand">
    <img src="https://via.placeholder.com/100X40" alt="" />
  </a>
</nav>

访问链接：https://www.w3schools.com/code/tryit.asp?filename=GAXG4ARRW8JB

运行代码给定链接

亲爱的朋友，我会建议你，如果你想设置自定义高度，你必须在 nav 中添加类，例如：custom-height 设置你的 CSS自定义样式。我在示例链接中添加了样式。

【讨论】：