使用引导程序默认导航栏破损的图像

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>