Ruby on Rails foreach 与 Bootstrap3 行类

2024-02-10

我想 foreach 循环数据并使用每行 3 列的引导网格系统显示此数据,但是我需要多行来获取数据量,如下所示:

<div class="row">
<div class="col-md-4">*DATA HERE*</div>
<div class="col-md-4">*DATA HERE*</div>
<div class="col-md-4">*DATA HERE*</div>
</div>
<div class="row">
<div class="col-md-4">*DATA HERE*</div>
<div class="col-md-4">*DATA HERE*</div>
<div class="col-md-4">*DATA HERE*</div>
</div>
<div class="row">
<div class="col-md-4">*DATA HERE*</div>
<div class="col-md-4">*DATA HERE*</div>
<div class="col-md-4">*DATA HERE*</div>
</div>

有人可以建议如何使用 Rails 中的 foreach 来实现此目的,显然下面只会渲染 1 .row 类并将所有 col-md-4 项目返回到其中。我希望它在每行达到 3 个项目后创建另一个 .row 类并重新开始。我希望这是有道理的!到目前为止我所拥有的:

<div class="row">
<% @work.each do |w| %>
<div class="col-md-6">
<%= w.image_url %>
</div>
<% end %>
</div>

use 可枚举#each_slice http://ruby-doc.org/core-2.1.0/Enumerable.html#method-i-each_slice

<% @work.each_slice(3) do |works| %>
  <div class="row">
    <% works.each do |work| %>
      <div class="col-md-4">*work.name*</div>
    <% end %>
  </div>
<% end %>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Ruby on Rails foreach 与 Bootstrap3 行类 的相关文章

  • Ruby on Rails 离线编程

    我将离开互联网几周 但仍然想完成一个项目 我应该采取哪些步骤来确保在断开连接时能够访问我需要的内容 ruby 和 ROR 离线时 以下内容很难获得 gems docs Rails 专家博客 堆栈溢出 so gem 安装尽可能多 下载所有的轨
  • 在表单中编辑序列化哈希?

    我正在序列化存储在settings表中的字段 并且希望能够在表单字段中编辑该哈希 class Template lt ActiveRecord Base serialize settings end 但我就是这么做那么文本区域只显示序列化数
  • jQuery:如何将 jQuery 日期选择器放入 Bootstrap Popover 中? [关闭]

    Closed 这个问题是无法重现或由拼写错误引起 help closed questions 目前不接受答案 我试图在引导弹出窗口中显示 jquery datepicker 并尝试了解决方案引导程序弹出窗口内的日期选择器 关闭 https
  • ror 中的多种布局

    昨天刚开始使用 Ruby on Rails 在我的 layouts application html erb 中 我有 div class conta div
  • 创建费用前验证 CVC 代码

    我正在尝试检查用户输入的 cvc 代码 我已经存储了条带 customer id 和条带 card id 我想在向用户收费之前验证 CVC 代码 以下是创建费用的代码 charge Stripe Charge create amount g
  • Chef - 使用动态变量创建模板?

    我在厨师食谱上遇到了一些挑战 我是厨师新手 所以请耐心等待 第 1 步 我的厨师食谱安装 Ruby Passenger 然后与 Nginx 一起编译 Passenger nginx 模块 Install passenger and ngin
  • 在 Asp.Net MVC 视图中使用 dropdownlistfor 和 foreach 吗?

    我有一个带有 foreach 循环的视图 用于模型的列表属性 现在 我希望能够让用户使用下拉列表设置列表中每个项目的值 但我不知道该怎么做 当它不在 foreach 循环中时 我使用过类似的东西 Html DropDownListFor m
  • 如何在 Rails 测试中填充查找表

    我在用Cucumber RSpec and 工厂女工用于测试我的 Rails 应用程序 但我有几个查找表 其中大部分包含static数据 所以我试图找出测试时填充这些的最佳方法 单独做它们FactoryGirl看起来很乏味 我想远离固定装置
  • ruby 管道、IO 和 stderr 重定向

    我希望有一个 ruby 程序 一个 rake 任务 观察另一个 rake 任务的输出 输出写入器输出到 stderr 我想读一下这些行 我很难设置它 如果我有一个作家 stdout writer rb 不断打印一些东西 usr bin en
  • 生成源映射时出错 - grunt 和 sass 配置

    我正在尝试将 sass 与 grunt 一起使用 我已经在我的路径中安装了 ruby sass 和 grunt 版本是 节点 0 10 20npm 11 3 1grunt cli 0 1 13咕噜声 0 4 5萨斯 3 4 4 我的包 js
  • 如何在 Ruby 中创建自定义排序方法

    我想指定一个自定义块方法 通过评估两个属性来对对象数组进行排序 然而 经过多次搜索 我没有找到任何没有的例子 lt gt 操作员 我想比较a to b if a x less than b x return 1 if a x greater
  • 为什么我需要 Nginx 和 Puma?

    我正在将 Rails 应用程序部署到生产环境中 看起来 Puma 速度很快 可以处理我想要在网络服务器中完成的许多事情 我想知道我是否需要使用 Nginx 如果只使用 Puma 我会错过什么 Nginx 是一个 Web 服务器 puma 是
  • 在 postgresql 中查找和汇总具有重叠记录的日期范围

    我有一个大型数据集 我想对记录具有重叠时间的计数进行求和 例如 给定数据 id 1 name A start 2018 12 10 00 00 00 end 2018 12 20 00 00 00 count 34 id 2 name B
  • 为什么包含此模块不会覆盖动态生成的方法?

    我试图通过包含一个模块来覆盖动态生成的方法 在下面的示例中 Ripple 关联添加了rows 方法表 我想调用该方法 但之后还要做一些额外的事情 我创建了一个模块来重写该方法 认为该模块的row 可以打电话super使用现有的方法 clas
  • 从 float 转换的 Ruby Time 对象不等于原始 Time 对象

    time Time now fvalue time to f return time Time at fvalue 有人可以解释为什么上面的表达式返回 false 吗 如何从 float 创建一个与原始时间变量匹配的新 Time 对象 Th
  • 将控制器操作处理为 JS 而不是 HTML

    所以我有以下形式 Follow 我试图
  • 未知属性:user_id

    我在执行 current user stories build 期间收到错误未知属性 user id class User lt ActiveRecord Base has many stories class name Story for
  • 为 Rails 上的 postgresql 创建用户

    我选择 postgresql 作为我的 Rails 数据库 但当我尝试运行 rake db create all 时 我遇到了一个明显常见的错误 即 致命 角色 app 不存在 我找到了两种解决方案 但我不确定哪一种是正确的 有一个网站说
  • 对范围值进行排序

    我想对表示数值范围的字符串数组进行排序 如下所示 b 0 5 100 250 5 25 50 100 250 500 25 50 使用sort我得到的方法 b sort gt 0 5 100 250 25 50 250 500 5 25 5
  • 添加两个 ActiveRecord::Relation 对象[重复]

    这个问题在这里已经有答案了 如何将两个关系添加在一起 当我尝试 运算符时 它返回一个数组 但我需要它来返回关系 谢谢 麦克风 Try new relation relation merge another relation

随机推荐

  • 使用 otool(递归)查找应用程序所需的共享库

    我有一个 Cocoa 应用程序 它使用 otool 来查找应用程序正常运行所需的共享库 例如 假设我在使用 QTKit framework 的应用程序上运行 otool L 我得到了程序使用的共享库的列表 包括 Cocoa framewor
  • 无法加载文件或程序集“Microsoft.Web.Deployment,版本=9.0.0.0”

    我有 VS 2013 Ultimate 我的远程服务器是 IIS 7 5 并启用了远程部署 我已通过 Web Platform Installer 4 6 安装了 Web Deploy Tool 2 1 并且安装成功 当我尝试在发布工具上验
  • 如何告诉 DBD::mysql mysql.sock 在哪里?

    将 DBD mysql 与 DBI 一起使用 尝试连接到数据库时出现以下错误 DBI connect database mydb host localhost someuser failed Can t connect to local M
  • pyqtSlot 的功能[重复]

    这个问题在这里已经有答案了 我刚刚阅读了有关 pyqt5 按钮的教程here https pythonspot com en pyqt5 buttons 代码如下 有一个问题是关于button clicked connect self on
  • Grails - 跨控制器代码,在每个请求上执行

    有没有办法在调用任何控制器操作之前执行某些代码 我需要根据获取参数的值设置会话变量 而不考虑调用哪个控制器 当然 一旦完成此处理 请求需要按照其正常方式到达相应的控制器 操作 Thanks 听起来你想使用filter http grails
  • 树的等级是多少? (如树ADT)[关闭]

    Closed 这个问题不符合堆栈溢出指南 help closed questions 目前不接受答案 据我所知 一个节点的度数是它拥有的子节点的数量 但是 我们如何定义树的度呢 基本上 树的度是它的子节点的总数 即源自它的节点的总数 树的叶
  • HTTP 响应何时完成?

    我正在 NET 中编写一个简单的 HTTP 客户端用于学习目的 我正在使用 NETSocket http msdn microsoft com en us library system net sockets socket aspx类 最终
  • 在工厂模式中使用反射[关闭]

    Closed 这个问题是基于意见的 help closed questions 目前不接受答案 在工厂模式中使用反射是一个好的实践吗 public class MyObjectFactory private Party party publ
  • 获取iscsi设备的目标IP地址

    假设我有一个 iSCSI 设备 dev sdat 我如何知道其目标的IP地址 目标驱动程序是 SCST 启动程序是 iSCSI 我只知道一个名为 dev sdat仅此而已 那么如何获取目标的IP地址呢 嗯 我并不为此感到自豪 但它完成了工作
  • 如何利用模板复制&移动构造函数和赋值运算符?

    考虑以下 C 代码以及我试图避免的失败尝试非模板复制和移动构造函数和赋值运算符的偏好 https stackoverflow com a 32539424 1915854 template
  • 如何基于EXPLAIN计划优化MySQL查询

    查看查询的EXPLAIN计划中 如何确定哪些地方可以进行最佳优化 我很欣赏首先要检查的事情之一是是否使用了好的索引 但除此之外我有点困惑 通过过去的尝试和错误 我有时发现执行连接的顺序可以是一个很好的改进来源 但是如何通过查看执行计划来确定
  • 使我的下拉菜单仅在使用键盘时即可访问

    目前 我的下拉菜单仅在用户将鼠标滑过时才会出现 我希望如果您按 TAB 键 下拉菜单将以相同的方式显示 我的菜单基于以下教程 http net tutsplus com tutorials html css techniques how t
  • WASAPI 重采样/Windows Media Foundation

    我正在使用 WASAPI 编写一个专业音频应用程序 此应用程序以独占模式运行流 并在两个方向上将音频数据重新采样为恒定格式或从恒定格式重新采样 一个在捕获设备和应用程序之间重新采样 另一个在应用程序和输出设备之间重新采样 MSDN 上有一个
  • Symfony2:无法在功能测试中模拟HTTP身份验证

    我正在尝试使用 symfony com 上描述的以下技术 http symfony com doc current cookbook testing http authentication html http symfony com doc
  • 如果数组已由 Range 分配,LBound 和 Ubound 会发生冲突

    CODE height objExcel1 Application WorksheetFunction CountA ob3 Columns 1 MsgBox height ReDim dataArray height 2 0 1 for
  • 实际上,为什么不同的编译器会计算出不同的 int x = ++i + ++i; 值?

    考虑这段代码 int i 1 int x i i 假设它可以编译 我们对编译器可能会对该代码执行的操作有一些猜测 both i return 2 导致x 4 one i回报2和其他回报3 导致x 5 both i return 3 导致x
  • -Dorg.apache.el.parser.COERCE_TO_ZERO 用于 glassfish?

    我们也有类似 Dorg apache el parser COERCE TO ZERO 的 glassfish 吗 不会 Glassfish 使用不同的 EL 实现 其默认行为与您设置时的行为相同 Dorg apache el parser
  • 使用 Gson 反序列化有时是字符串,有时是对象

    我需要将这种类型的 JSON 数据解析为 java 对象 id 1 blob example text id 2 blob to 1234 from 4321 name My Name 我正在使用 Gson 并且不知道如何解决这个特定问题
  • 获取 Scala 中嵌套映射的值

    我有一张具有以下结构的地图 Map String Map String String 有没有一种优雅的方式来获取内部地图的值 只需按照正常方式进行 两次即可 val m Map a gt Map b gt c m a b c 第一次手术m
  • Ruby on Rails foreach 与 Bootstrap3 行类

    我想 foreach 循环数据并使用每行 3 列的引导网格系统显示此数据 但是我需要多行来获取数据量 如下所示 div class row div class col md 4 DATA HERE div div class col md