如何解决徽标未出现在引导程序的导航栏中
我在导航栏中尝试引导程序徽标,但徽标没有显示我尝试了很多东西。
我正在尝试 <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>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。