css - Bootstrap 3 导航栏图像

Question

使用 Bootstrap 3，我试图将图像添加到 navbar-header 但它不可见，除非它是指向外部在线图像的链接。如果它是从本地镜像文件夹加载的，则不会显示。

在下面的示例中，第一张图片可见，但第二张图片不可见。第二张/本 map 片与第一张图片完全相同。

我可以通过使用 IE 开发人员工具检查加载的页面来验证是否正在加载本地路径图像。它只是没有显示。

<div class="navbar-header">                
    <!-- This one is visible --> 
    <a href="#" class="pull-left"><img src="https://sp.yimg.com/xj/th?id=OIP.M55851906bcec8ef3ef5a99872e29a565o0&pid=15.1&P=0&w=300&h=300"></a> 

     <!-- This one is not visible -->
     <a href="#" class="pull-left"><img src="img/thG1UAD6R0.jpg"></a>

      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
   </button>
</div>            

我已将此 link 用作资源，但它并没有太大帮助。我找不到太多关于为什么实时 url 图片可见而本 map 片路径不可见的原因。

Answer 1

您是否尝试查看文件夹权限。当我将我的图像放在一个只能写入而不是读取的文件夹中时，我遇到了这种问题。