我问这个问题的原因是为了帮助我解决一个非常烦人的语法错误。我正在使用第11章，所以我可以在我的新网站上用图像构建博客部分，当我尝试添加课程时，一切都有效：＆＃34; img-responsive＆＃34;这条线。
<%= image_tag image_article.picture.url if image_article.picture? %>
我无法弄清楚添加类的正确语法：＆＃34; img-responsive＆＃34;。
图片上传很好，但它突破了col-md-6容器，并显示打破页面布局的完整图像，因此除了我尝试添加类时，它们都在本地工作：在括号或括号中“img-responsive”，我尝试的每一种方式都会崩溃应用程序，所以我卡住了。我已经四处寻找其他解决方案，我发现了一个与载波有效的宝石......
但这似乎就像用大锤敲打坚果一样，到目前为止我已经弄清楚了所有其他问题，但这真的很烦人。我无法找到适合响应图像的载波调整大小的任何内容，当然我可以使用img-responsive类？
此致 肖恩
答案 0 :(得分：5)
尝试将标记放在括号内
<%=image_tag(image_article.picture.url, class: "img-responsive") if image_article.picture?%>
答案 1 :(得分：1)
试试这个..这对我有用.. 代替xyz.png，在Assets文件夹中添加图像名称。
＆lt;％= image_tag（＆＃34; xyz.png＆＃34;，类：＆＃34; img-responsive img-thumbnail img-circle＆＃34;）％＆gt; < / p>
答案 2 :(得分：1)
Bootstrap 4使用class：＆＃39; img-fluid＆＃39;而不是＆＃39; img-responsive＆＃39;
尝试：
{{1}}
答案 3 :(得分：0)
你试过这个：
<%= image_tag image_article.picture.url, class: "img-responsive" if image_article.picture? %>