如何使用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'); 
}