时间戳

首页 > 解决方案 > 引导导航栏高度

bootstrap-4 - 引导导航栏高度

问题描述

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

让我们举个例子

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

标签： bootstrap-4frontend

解决方案

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

<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

  • 运行给定链接的代码

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

推荐阅读