首页 > 解决方案 > 为什么我的导航栏图标没有出现在我的网站上?

问题描述

我目前正在自学 HTML 和 CSS,我在网上买了很多书(几乎没有读过),并且遇到了越来越多的问题。幸运的是我有 StackOverflow,因为你们帮助我解决了我的最后一个问题,我想我应该回来问另一个问题。

所有这些故障排除使实际实现我的目标变得更加困难,但从长远来看,我会参与其中。

我尝试每天至少花 2 个小时写代码,同时晚上看教程。那是我的日程安排。一旦我对自己所做的事情更有信心,我就会投入更多的时间。

一开始很难进入学习过程,但我知道如果我继续努力,那么一切皆有可能

所以让我们解决这个问题,

谢谢你!!!!

Youtube 教程 时间戳参考 10:00 - 12:00

图标截图

代码:

<!-- Navigation -->
<nav class="navbar navbar-expand-md navbar-light bg-light sticky-top">
  <div class="container-fluid">
    <a class="navbar-brand" href="/gooch/assets/pics/Logo.png"><img src="/gooch/assets/ illustrator/1.png" /></a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="navbarResponsive">
          <span class="navbar-toggler-icon"></span>
        </button>

    <div class="collapse navbar-collapse" id="navbarResponsive">
      <ul class="navbar-nav ml-auto"></ul>
    </div>
  </div>
</nav>

我希望我的徽标出现在导航栏中。

标签: htmlcssbootstrap-4font-awesome

解决方案


缺乏评论的声誉,所以会在这里说出来。尝试使用浏览器的开发者工具查看图标的错误

https://i.stack.imgur.com/o5kvH.png

然后前往“控制台”选项卡

https://i.stack.imgur.com/2dhWE.png

如果图像文件丢失,您可以在此处查看。


推荐阅读