【CSS・Bootstrap】カードを縦だけでなく横にも表示したい

Question

したいこと
横にもカードを表示させ、最終的には縦5×横4でカードを表示するためのアドバイスをいただきたいです。

現状の画像

その他
Rubyonrailsを使ってアプリを作成しています。
bootstrapを使用しています。

<h1><%= @title %></h1>

<div class="container">
<div class="row">
<div class="col-md-4">
<% @blogs.each do |blog| %>
  <div class="blogbox">
    <div class="blogtitle clearfix">
      <%= blog.title %>
    </div>
    <div class="blogbody clearfix">
      <%= blog.body %>
    </div>
    <div class="productCaption clearfix">
      <%= link_to 'Show', blog %>
      <% if logged_in? %>
      <%= link_to 'Edit', edit_blog_path(blog) %>
      <%= link_to 'Destroy', blog, method: :delete, data: { confirm: '記事を削除しますか？' } %>
    </div>
    <% end %>
  </div>
<% end %>
</div>
</div>
</div>
<%= will_paginate @blogs, :previous_label => ' &lt 前へ', :next_label => '次へ &gt' %>
<%= link_to 'New Blog', new_blog_path %>

.blogbox {
  width: 300px;
  text-align: center;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 2px 5px #ccc;
  padding : 60px;
  margin : 60px;
}

.blogtitle {
  font-size: 20px;
  margin-bottom: 10px;
  text-align: center;
  color: #333;
}

.blogbody{
  font-size: 14px;
  line-height: 1.5;
}

.container{
 
 width: 100px;
}

Answer 1

Ruby on Railsは詳しくないのですが、
HTMLの構造として、@blogs.eachの中にcol-md-4を含める必要がある、ように思えます。
参考になれば幸いです。

<div class="row">
<div class="col-md-4">
<% @blogs.each do |blog| %>
  <div class="blogbox">

↓

<div class="row">
<% @blogs.each do |blog| %>
<div class="col-md-4">
  <div class="blogbox">

Comments

[NEMOTOSHOTA]

new1roさん

回答ありがとうございます。
@blogs.eachの中にcol-md-4を含めるようにしたところ、理想の状態にかなり近い形になりました。
助かりました、感謝いたします。

↓
<div class="container">
<div class="row">
<% @blogs.each do |blog| %>
<div class="col-md-4">
<div class="blogbox">
<div class="blogtitle clearfix">
<%= blog.title %>
</div>
<div class="blogbody clearfix">
<%= blog.body %>
</div>
<div class="productCaption clearfix">
<%= link_to 'Show', blog %>
<% if logged_in? %>
<%= link_to 'Edit', edit_blog_path(blog) %>
<%= link_to 'Destroy', blog, method: :delete, data: { confirm: '記事を削除しますか？' } %>
</div>
<% end %>
</div>
</div>
<% end %>
</div>
</div>