Bootstrap 3导航栏图像

时间:2015-10-08 17:50:41

标签: css twitter-bootstrap

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

在下面的示例中,第一个图像可见但第二个图像不可见。第二张/本地图像与第一张图像完全相同。

我可以通过使用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用作资源,但它没有多大帮助。我找不到为什么实时网址图像可见而本地图像路径不可见。

1 个答案:

答案 0 :(得分:1)

您是否尝试过查看文件夹权限。 当我把我的图像放在一个只是写不读的文件夹中时,我遇到了这样的问题。