Rails + erb、slimを使ってdiv要素を3つずつrowで囲む

Bootstrapでお馴染みのこちらの構文。

<div class="row">
  <div class="col-md-4">
    <div class="item">item1</div>
  </div>
  <div class="col-md-4">
    <div class="item">item2</div>
  </div>
  <div class="col-md-4">
    <div class="item">item3</div>
  </div>
</div>

HTML直書きなら簡単ですが、Railsで@items = Item.allみたいのをこの書式で表示しようとしたときにちょっと躓きました。

結論、これでいけます。

erb

<% @items.each_slice(3) do |group| %>
  <div class="row">
    <% group.each do |item| %>
      <div class="col-md-4">
        <%= item %>
      </div>
    <% end %>
  </div>
<% end %>

slim

- @items.each_slice(3) do |group|
  .row
    - group.each do |item|
      .col-md-4
        = item