带有引导程序默认导航栏的损坏图像

Question

我的计算机上有一个图像的相对链接，我正在该图像上开发一个ruby on 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>