bootstrap レイアウトが上手くできない

Question

bootstrapを使ってrailsで投稿アプリを制作しているのですが、ページのレイアウトが下の画像のようにズレたり下に長くなってしまい、思う通りの実装ができません。原因と解決策を教えて頂きたいです。

理想の形↓

index.html.erb

<!-- Page Content -->
<div class="container">
  <header class="jumbotron my-4">
    <h1 class="display-3">Questions</h1>
    <%= link_to '質問する！', new_post_path, class: 'btn btn-primary btn-lg' %>
  </header>
  <div class="row text-center">
    <% @posts.each do |t| %>
    <div class="col-lg-3 col-md-6 mb-4">
      <div class="card h-100">
        <img class="card-img-top" src="http://placehold.it/500x325" alt="">
        <div class="card-body">
          <h4 class="card-title"><%= t.id %></h4>
          <p class="card-text"><%= t.content %></p>
        </div>
        <div class="card-footer">
          <%= link_to '詳細', post_path(t.id) %>
        </div>
      </div>
    <% end %>
    </div>
  </div>
</div>
<!-- /.container -->
 

Answer 1

<% end %>の位置がずれていて、一行下だと思いますがいかがでしょうか？

Comments

[kazuki0323]

それが原因でした！
おかげさまで解決しました、ありがとうございました！

[no1knows]

それは良かったです！