Question

我有一个相对链接到我的计算机上的图像，我正在rails应用程序上开发ruby。我使用Bootstrap来自定义样式，并使用他们的代码来获取左上角品牌展示位置的图片。这是我所指的引导链接：http://getbootstrap.com/components/#nav

我正在尝试添加自定义品牌形象，但是当我打开localhost：3000以在我的浏览器中进行测试时，我一直收到一个损坏的图像错误（找不到404文件）。不确定这是图像大小问题还是新手文件位置错误。我已经尝试了几种类型的图像（jpg，jpeg，png等）和不同的图像大小，但我一直得到同样的错误。这是一个基本的HTML / CSS错误，我正在努力弄清楚如何修复它。任何帮助将不胜感激！

下面是我的部分_header.html.erb文件，其中我引用了Bootstrap导航栏：

<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>

使用bootstrap默认导航栏破碎的图像

1 个答案: