bootstrap-4 - PNG不会在Bootstrap 4导航栏中显示

Question

我正在尝试在导航栏顶部添加一个 png 作为徽标，但由于某种原因它不会出现。我得到的只是一个小照片图标，表示照片显示不正确。照片在 resources/img/pdmalogo.png 谢谢。

代码：

<nav class="navbar navbar-expand-md navbar-light bg-light sticky-top">
<div class="container-fluid">
    <a class="navbar-brand" href="/"><img src="img/pdmalogo.png"></a>
</div>
</nav>

标签： bootstrap-4

Answer 1

你说图像位于resources/img/pdmalogo.png，但你引用img/pdmalogo.png。假设您的页面是resources文件夹的兄弟，您正在寻找：

<img src="resources/img/pdmalogo.png">