RailsでbootstrapのHome画面サムネイルPartial

前回のRailsでBootstrapのスライドショーPartialに引き続き、サムネイルも作ってみたのでメモ。
アイコン画像はicooon-monoの64pxを使用。

home.html.erb

<%= render 'home_thumbnail', thumbnails: [ { title: 'いつでも', image: 'clock.png', caption: 'いつでも' },
  { title: 'どこでも', image: 'place.png', caption: 'どこでも' }, 
  { title: '全員で', image: 'meeting.png', caption: '全員で' } ] %>

3つなので幅は４を指定

_home_thumbnail.html.erb

<div class="container">
    <div class="row">
        <% thumbnails.each do |t| %>
            <div class="col-md-4">
                <div class="thumbnail">
                    <%= image_tag(t[:image], :alt => t[:image]) %>
                    <div class="caption">
                        <h3><%= t[:title] %></h3>
                        <p><%= t[:caption] %></p>
                    </div>
                </div>
            </div>
        <% end %>
    </div>
</div>

home.scss

.thumbnail{
  .caption {
    text-align: center;
  }
}