使用引導程序默認導航欄破損的圖像

Question

我有一個相關鏈接到我的計算機上的一個圖像，我正在Rails應用程序上開發一個紅寶石。我使用Bootstrap來自定義樣式，並使用自己的代碼來獲取左上角品牌展示位置的圖片。以下是我所指的自舉鏈接：http://getbootstrap.com/components/#nav

我試圖添加自定義品牌圖片，但當我打開我的localhost：3000時，我不斷收到破碎的圖像錯誤（404文件未找到）在我的瀏覽器中測試。不確定這是圖像大小問題還是新手文件位置錯誤。我嘗試了幾種類型的圖像（jpg，jpeg，png等）和不同的圖像大小，但是我一直得到相同的錯誤。這是一個基本的HTML/CSS錯誤，我正在努力弄清楚如何解決它。任何幫助將非常感激！

下面是我引用引導導航欄我部分_header.html.erb文件：

<nav class="navbar navbar-default"> 
<div class="container-fluid"> 
    <div class="navbar-header"> 
    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> 
    <span class="sr-only">Toggle navigation</span> 
    <span class="icon-bar"></span> 
    <span class="icon-bar"></span> 
    <span class="icon-bar"></span> 
    </button> 
    <a class="navbar-brand" href="#"> 
    <img alt="Humanify" src="../../app/assets/images/Logo_final_march2015.jpg"> 
    </a> 
</div> 
</div> 
.... 

Answer 1

你或許應該使用image_tag。

類似於此試一下：

<nav class="navbar navbar-default"> 
<div class="container-fluid"> 
    <div class="navbar-header"> 
    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> 
    <span class="sr-only">Toggle navigation</span> 
    <span class="icon-bar"></span> 
    <span class="icon-bar"></span> 
    <span class="icon-bar"></span> 
    </button> 
    <a class="navbar-brand" href="#"> 
    <%= image_tag "Logo_final_march2015.jpg" %> 
    </a> 
</div> 
</div>