css - 鉴于我使用的是 Bootstrap ,如何连续显示三个图像?

标签 css ruby-on-rails twitter-bootstrap model

我有一个图像模型,每个图像都有相关条目,它们也是图像。我想根据它们的数量连续显示相关的三个条目。我正在使用 Bootstrap 。

这是我到目前为止写的:

<% @image.related_entries.each.in_groups_of(3, false).each_with_index do |entry_row, i| 
  <div class="row_thumbnails">
   # In row 1 I want 3 entries(images displayed in thumbnail look)
   </div>

<%end%>

最佳答案

将图像放在使用 Bootstrap 列类的 div 中。 Bootstrap 容器有 12 列宽,因此您可以将它们放在 col-md-4 类中,每 3 张图像总共有 12 列。 Info on the bootstrap grid system.

关于css - 鉴于我使用的是 Bootstrap ,如何连续显示三个图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39432072/

相关文章:

javascript - 如何使用 CSS 和 HTML 创建水平 TreeView ?

javascript - bootstrap-datepicker-rails 不能通过带有 Bootstrap 模式的 simple_form 工作

html - 如何在css中设置整个页面的背景颜色

ruby-on-rails - 错误 : Could not find GNU compatible version of 'tar' command while installing RVM

ruby-on-rails - 为新线路 Rails 赋予值(value)

ruby-on-rails - Ruby on Rails 内联 around_save 回调产生 LocalJumpError

css - Twitter Bootstrap 响应元素顺序

javascript - Highcharts + Bootstrap .table 响应问题

javascript - 使用 Jquery 更改 css 的问题

css - 选择标签问题