我想使用ruby循环在bootstrap中连续显示3个图像

Question

我想在一行中显示3张图片。每个图像都有缩略图类。列宽为.col-xs-2。我可以让最后一行只有一个/两个/三个图像，具体取决于总图像（比如7）。我希望有一个ruby while / for循环，它会自动化并执行它。

例如。 X | X | X     X | X | X     X | 这里x表示缩略图类的图像。在col-xs-2类里面。

Answer 1

  

我想在一行中显示3张图片

您需要Enumerable#each_slice。这将以相同的数字划分您的图像。你可以做到

- @images.each_slice(3).each do |group|
  // @images is an array of images 
  - group.each do |image|
    // image is a single image in your array of 3 images
    .image-container
      = image_tag(image.url, class: "col-xs-2")