图像没有正确显示在导航栏中,rails?

时间:2016-04-06 02:51:06

标签: ruby-on-rails twitter-bootstrap twitter-bootstrap-3

我正在尝试在导航栏的左侧添加徽标(这也可以作为主页的链接)但是,它只显示为“?”在盒子里。有关修复此问题的任何提示吗?

这是导航栏的代码......

epc

enter image description here

1 个答案:

答案 0 :(得分:0)

使用资产管道和image_tag帮助程序。

# image location
# app/assets/images/1.png

# view
<%= image_tag("1.png", alt: "Brand") %>

http://guides.rubyonrails.org/asset_pipeline.html#coding-links-to-assets

完成此操作后,右键单击图像并检查元素。查看图像的新src。它应该是这样的:

/assets/1-71eb0fe483901ef632b3136926dd70ce3954e7cb6e97baa1bd53d197c38653d0.png

这就是为什么你无法使用图像的相对路径!它不存在!需要考虑的事项:Rails非常强大,具有大量非常有用的内置功能。让它做繁重的工作。

同样,阅读本指南是值得的:http://guides.rubyonrails.org/asset_pipeline.html