程序员经验分享-hwhale

如何将 image_tag 与 bootstrap class: "img-responsive" 一起使用？第11章

2024-06-25

我问这个问题的原因是为了解决一个非常烦人的语法错误。我正在使用第 11 章，这样我就可以在我的新网站上使用图像构建一个博客部分，除了我尝试向此行添加 class:“img-responsive”之外，一切都正常。

<%= image_tag image_article.picture.url if image_article.picture? %>

我只是无法弄清楚添加类的正确语法：“img-responsive”。

图像上传正常，但它脱离了 col-md-6 容器，并显示了破坏页面布局的完整图像，因此除了我尝试在括号中添加类：“img-responsive”之外，所有图像都在本地工作或括号，我尝试的每一种方式都会使应用程序崩溃，所以我陷入困境。我四处寻找其他解决方案，我发现了一个可以与载波一起使用的宝石......

响应式图像宝石 https://github.com/johnkoht/responsive-images/

但这似乎就像用大锤敲开坚果一样，到目前为止我遇到的所有其他问题我都已经弄清楚了，但这真的很烦人。我找不到任何适合响应式图像的载波调整大小的东西，我当然可以使用 img 响应类吗？

问候 肖恩


尝试将标签放在括号内

<%=image_tag(image_article.picture.url, class: "img-responsive") if image_article.picture?%>
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

rubyonrails

railstutorialorg

如何将 image_tag 与 bootstrap class: "img-responsive" 一起使用？第11章 的相关文章

  • 在 Rails 中，如何创建用户组作为另一个关联，例如“成员”？

    我正在尝试在两个现有模型之间创建特殊关系 User and Dwelling A Dwelling只有一个所有者 Dwelling belongs to user User has one dwelling 在创建时 但其他用户可以添加到此

  • ActiveRecord 和关联排序

    我有一个像这样的简单 AR 关联 Question has many answers Answer belongs to question with question id int 11 NOT NULL is accepted tinyi

  • Rails：has_many：通过还是has_many_and_belongs_to？

    我有一个应用程序 我想通过另一个模型将一个模型的实例链接到同一模型的另一个实例 即 Task1 gt Relationship 基本上 关系模型将具有额外的信息 关系类型 滞后 因此将其作为连接模型是理想的 然而 并没有两个模型可以加入 只

  • 后端验证轨

    如何验证文本列不包含网站 示例可以是 www google com google com http gooogle com http www google com https www google com https google com

  • 哈米尔评论结束

    我是哈米尔新手 这让我很困惑 我不喜欢删除可以注释掉的代码 但我不知道如何在 haml 中正确结束注释 这是一个代码片段 field f label member id br f text field member id field f l

  • 如何使用 Rspec 来测试使用 Paperclip 的模型是否正在验证上传文件的大小？

    该模型 class Attachment lt ActiveRecord Base belongs to narrative attr accessible description user id narrative id has atta

  • 如何安装gitlab-rails？

    我正在尝试为 Gitlab 项目创建一个组访问令牌 它需要访问 gitlab rails 控制台才能执行此操作 在 gitlab 教程上 这是安装它的链接 https docs gitlab com ee administration op

  • 为什么在安装 gem 'pg' 时出现错误？ [复制]

    这个问题在这里已经有答案了 可能的重复 无法在 ubuntu 上安装 pg gem 找不到 libpq fe h 标头 https stackoverflow com questions 6040583 unable to install

  • Rails 4：Solr 抛出 JavaMissing 错误，但已安装 Java

    我重新启动了 Rails 4 VPS Solr 显然也关闭了 我现在正在尝试启动 Solr 但是当我运行以下命令时RAILS ENV production bundle exec rake sunspot solr start我收到以下错误

  • 在 Rails 中捕获 UTM 参数

    我正在尝试捕获 URL 中的 UTM 参数 以将源 营销活动等添加到用户帐户 可悲的是 我似乎不知道如何捕获这些参数 据我所知 我正在关注博客文章http www matthuggins com articles tracking new

  • Rails - 查找多个数组之间的交集

    我正在尝试查找多个数组之间的交集值 例如 code1 1 2 3 code2 2 3 4 code3 0 2 6 所以结果是 2 我知道在 PHP 中你可以使用 array intersect 来做到这一点 我希望能够轻松添加额外的数组 所

  • 如何在 Rails 中为不在模型文件夹根目录中的模型定义工厂女孩？

    我想为我的服务器中的模型创建一个工厂女孩 该模型位于模型文件夹的文件夹内 我的树视图如下所示 app models xxx user rb spec factories xxx user rb 我的工厂女工长这样 FactoryGirl d

  • 使用 authlogic-oauth2 服务器无法启动

    我已将 oauth2 和 authlogic oauth2 包含在 gemfile 中 因为我想使用它们并尝试启动服务器 它没有启动并给我错误 Library Ruby Gems 1 8 gems railties 3 0 3 lib ra

  • 使用 nginx 运行水豚

    是否可以使用 nginx 和乘客来运行水豚 而是 webrick Capybara 与 Cucumber 一起安装在 Rails 应用程序中 这很简单 你唯一要做的就是改变你的想法 水豚和黄瓜都不受本地环境的束缚 你可以测试位于互联网上的应

  • 如何在控制器方法之间传递值

    有没有办法在控制器方法之间共享数组并将其存储到页面重新加载或调用另一个控制器的方法 有些方法应该改变数组 你可以使用rails缓存 Rails cache write list 1 2 3 Rails cache read list

  • 如何使用 Unicorn 进行滚动重启？

    假设我对 Rails 应用程序做了一些更改 例如更改 html 布局 我如何使用 Unicorn 进行滚动重启 实际上 人们希望为最新版本的 Rails 应用程序启动独角兽进程 或工作人员 然后自动将流量从旧的独角兽进程 工作人员切换到新的

  • Rails 3 ActiveRecord 方法链接，底层

    假设您构建一个涉及多个方法链接的查询 例如 Post where id gt 10 limit 20 order id asc except order 我想知道幕后发生了什么 据推测 链的每个部分都将帮助构建 SQL SELECT 一旦链

  • Capybara::ElementNotFound：无法找到 xpath“/html”

    我正在关注 Ruby on Rails 教程 http ruby railstutorial org chapters static pages http ruby railstutorial org chapters static pag

  • 根据多列删除重复记录

    在我们的系统中 我们每小时从外部数据库进行导入 由于导入脚本中存在错误 现在存在一些重复记录 如果任何记录具有相同的内容 则视为重复 legacy id and company 我可以运行什么代码来查找并删除这些重复项 我正在玩这个 Pro

  • 是否值得开始学习 Rails 2 还是应该等到 Rails 3 的书籍可用？

    我一直梦想着学习 Rails 和 Ruby 语言 但新的 Rails 3 版本似乎发生了巨大的变化 那么2和3之间通常存在巨大差异吗 当有书籍可用时 我是否应该从 Rails 3 开始 因为这是我学习最好的方式 事实上 最好的目标是 Rai

随机推荐

热门标签