Question

我目前正在自学HTML和CSS，我已经在网上购买了很多书籍（很难读），并且遇到了越来越多的问题。幸运的是我有StackOverflow，并且由于你们帮助了我最后一个问题，我想我应该回来再问另一个问题。

所有这些故障排除使实际实现我的目标变得更加困难，但是从长远来看，我一直在努力。

我每天晚上至少要写2个小时的代码，而晚上却要看教程。那是我的时间表。一旦我对自己的所作所为变得更加自信，那么我将投入更多的时间。

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

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

谢谢！!!!

Youtube Tutorial 时间戳记参考时间10:00-12:00

Screenshot of Icon

代码：

<!-- 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>

我希望徽标显示在导航栏中。

Answer 1

可能只是html中的语法错误？ src属性中似乎有一个空格。如果仍不能解决问题，则可能是您的样式表存在问题。

Answer 2

缺乏信誉的评论，所以在这里说。尝试使用浏览器的开发人员工具查看有关图标的错误

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

然后转到“控制台”标签

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

您可以在此处查看图像文件是否丢失。

为什么我的导航栏图标没有出现在我的网站上？

2 个答案: