如何使用bootstrap添加图像？

Question

我有这个代码的导航栏都完美的作品，但是当我尝试用图像替换文本图像不显示。

下面的代码：

<a href="#" class="dropdown-toggle" data-toggle="dropdown"><img src="DAR.png" class="img-responsive"><b class="caret"></b></a> 
           <ul class="dropdown-menu"> 
            <li><a href="#">Sign-in</a></li> 
            <li><a href="#">Sign-up</a></li> 
           </ul> 

Answer 1

您可以添加内部链接的图像。看看这个fiddle。并确保图像的路径是正确的。如果路径是正确的，它应该工作。我现在改变了你的形象和工作。

<a href="#" class="dropdown-toggle" data-toggle="dropdown"><img src="https://s13.postimg.org/pzvk4df07/1475139047_three_bars.png" class="img-responsive"><b class="caret"></b></a> 
          <ul class="dropdown-menu"> 
           <li><a href="#">Sign-in</a></li> 
           <li><a href="#">Sign-up</a></li> 
          </ul> 

Answer 2

我想你想的图像添加到您的导航栏。如果是这样，您需要在导航中添加带有CSS的图像。删除你的IMG链接。你可以这样做：

<a href="#" class="dropdown-toggle" id="nav"data-toggle="dropdown"><b class="caret"></b></a> 
          <ul class="dropdown-menu"> 
           <li><a href="#">Sign-in</a></li> 
           <li><a href="#">Sign-up</a></li> 
          </ul> 

里面你的CSS补充一点：

#nav { 
background-image:url('DAR.png'); 
}