Bootstrap 4 引导导航条高度

Bootstrap 4 引导导航条高度,bootstrap-4,frontend,Bootstrap 4,Frontend,我有一个关于导航栏类的问题,我应该如何正确设置导航栏的高度 让我们举个例子 <nav class="navbar navbar-light bg-light" style="height: 30px"> <a class="navbar-brand"> <img src="source/of/the/image.jpg" href="#"> </a> </nav> 这种样式将彻底破坏导航栏的形式。我无法正确地设置图标,使其精确

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

让我们举个例子

<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品牌应负责页面的徽标,但外部配置未按设计工作

所以我有两个问题: 1.如何正确设置导航栏的高度
2.如何在navbar品牌中配置与父navbar兼容的徽标。

根据您的示例,我创建了一个代码示例,请按照链接进行操作

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

访问链接:

  • 运行给定链接的代码

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

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