将徽标图像添加到 bootstrap 导航栏

Question

我使用了 bootstrap 文档中规定的方法

    <div class="container">
        <a class="navbar-brand" href="#">
          <img src="/img/hangers.jpg" alt="" width="30" height="24">
        </a>
      </div>

但是图片不显示

是的，我正确地链接了路径。我已经检查了 50 次了。

这是目录结构

Answer 1

在图像文件的来源前加一个点。结果

我觉得。您无法从系统中获取照片，因为代码工作正常运行下面的代码片段：

<div class="container">
        <a class="navbar-brand" href="#">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTW6509Xrnys2Pp_8RB3ffNOsqDrKlPtkvkRQ&usqp=CAU" alt="" width="30" height="24">
</a>
</div>

将徽标图像添加到 bootstrap 导航栏

add logo image to bootstrap navbar

html

css

bootstrap-5

web-frontend