徽标未出现在引导程序的导航栏中

问题描述

我在导航栏中尝试引导程序徽标，但徽标没有显示我尝试了很多东西。

我正在尝试 <nav> 标签我正在粘贴我的代码，我也没有使用任何 CSS：

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>

<nav class="navbar navbar-expand-sm bg-dark navbar-dark">
  <a class="navbar-brand" href="#">
    <img class="lg" src="F:\html\musicbrand\logo1.jpg" alt="logo" style="width:40px;" />
  </a>
</nav>

解决方法

可能是图片路径的问题

 <img class="lg" src="F:\html\musicbrand\logo1.jpg" alt="logo" style="width:40px;" />

在您拥有 html 文件的文件夹中创建一个文件夹名称 img 并将src路径更改为

<img class="lg" src="img/logo1.jpg" alt="logo" style="width:40px;" />

感谢所有回答的人。我已经能够找出问题，因为给出完整路径是问题所在。再次感谢大家。

试试这个，但如果你把你的图片放在同一层次的文件夹下，那么这将是一个很好的做法！

 <nav class="navbar navbar-expand-sm bg-dark navbar-dark">
       <div class="navbar-header">
        <a class="navbar-brand" href="#">
          <img class="lg" width="130px" height="70px"src="{% static "F:\html\musicbrand\logo1.jpg"%}" style="position:relative;top:-10px">
    
        </a>
    </div>
      </nav>

html nav nav