slim × bootstrapで画像サイズが違っても行を合わせるためにrowの中身を12で収まるようにしたい

Question

以下の様なコードを実行しているのですが、画像サイズが違うので、表示が段々になってしまいます。

画像サイズを固定するのは、画像が見にくくなるので避けたいと考えています。

そのため // からのコメントで書いている挙動を実現したいのですが、どのような方法が考えられますでしょうか。

.container
  - Image.all.order(created_at: :desc).each_with_index do |image, index|
    .row // ここをcol-md-2*6個で12に対してrowが1個になるようにindex%6==0で実行したい
      .col-md-2
        = image_tag image.url, class: "img-responsive"

Answer 1

こんな感じでどうでしょう

.container
  - Image.all.order(created_at: :desc).each_slice(6) do |images|
    .row
      - images.each do |image|
        .col-md-2
          = image_tag image.url, class: "img-responsive"

Comments

[yoneapp]

やりたい通りになりました。
ありがとうございます！