Question

我对导航栏类有疑问，如何正确设置导航栏的高度？

让我们举个例子

<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.如何在与父级导航栏兼容的导航栏品牌中配置徽标。

Answer 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自定义样式。我在示例链接中添加了样式。

引导导航栏高度

1 个答案: