引导导航栏品牌中的图像问题答案

【问题标题】：Problem with image in bootstrap navbar-brand引导导航栏品牌中的图像问题
【发布时间】：2021-12-05 00:24:32
【问题描述】：

我有一张来自 img 目录的图片（徽标），但在徽标中看不到图片：

<nav class="navbar navbar-light bg-light navbar-expand-lg">
<div class="container-fluid">
  <a class="navbar-brand" href="#">
    <img src="../img/villa-ahar-web-logo1.png" alt="sdsd"  height="60" width="258"/>
  </a>
  <button class="navbar-toggler" type="button">
    <span class="navbar-toggler-icon"></span>
  </button>
  <div class="collapse navbar-collapse">
    <div class="navbar-nav mr-auto">
      <a class="nav-link active"href="#">Home</a>
      <a class="nav-link" href="#">Courses</a>
      <a class="nav-link disabled" href="#">About</a>
    </div>
    <form>
      <div class="input-group">
        <input type="text" class="form-control">
        <button class="btn" type="button">Search</button>
      </div>
    </form>
  </div>
</div>
</nav>

我确定路径很好。

感谢和问候

彼得罗

【问题讨论】：

您好 Pietro，请进一步描述您的问题。您的开发人员控制台中是否显示任何错误？截至目前，我们无法重现您的确切情况，因为您既没有提供可运行的 sn-p 也没有其他任何东西可以提示我们出了什么问题。

标签： bootstrap-4 navbar

【解决方案1】：

将您的 <img> 路径更改为：

<img src="../../img/villa-ahar-web-logo1.png" alt="sdsd"  height="60" width="258"/>

【讨论】：