Bootstrapのrowの中にrenderしているのに弾かれる

Question

前提・実現したいこと

ローカルの検証画面で確認したところ、<div class="row">の中にrenderしているコードが弾かれて<div class="row"></div>の外に出てしまっています。

<div class="row"></div>の内側にいれるにはどうしたらいいでしょうか？

該当のソースコード

posts/index.html.erb

<div class="row">
  <%= render 'posts/new' %>
  <%= render 'posts/feed' %>
</div>

posts/_feed.html.erb

  <div class="feed col-md-7 mt-3 mx-auto">
    <div class="recent-posts">
      <%= search_form_for @q do |f| %>
        <%= f.label :user_name_or_map_address_or_caption, "最近の投稿", class: "font-large" %>
    </div>
    <div class="col-xl-11 col-lg-11 col-md-12 recent-postsform">
      <%= f.search_field :user_name_or_map_address_or_caption_cont, class: "form-control", placeholder: "投稿を検索" %>
      <%= f.button type: "submit", value: "投稿を検索", class: "search-button", id: 'search-button' do %>
        <i class='fas fa-search' ></i>
      <% end %>
    </div>
    <% if @posts.count == 0 %>
      <p>投稿が見つかりません</p>
    <% end %>
      <% end %>
    <%= render 'posts/post_list' %>
  </div>

補足情報（FW/ツールのバージョンなど）

MacOS
ruby 2.7.4
Rails 6.1.4.1

Answer 1

    <div class="recent-posts">
      <%= search_form_for @q do |f| %>
        <%= f.label :user_name_or_map_address_or_caption, "最近の投稿", class: "font-large" %>
    </div>

search_form_forは<form>を生成しますので、その途中で上の<div>を閉じてしまうのでは辻褄が合いません。

Comments

[maisumakun]

search_form_forが閉じる場所は、遥か下にあるendです。

[hinata_hakumai]

</div>の位置を<% end %>の下に持ってきたのですが変化なかったです。。

[maisumakun]

posts/newのほうでタグのネストが崩れていたりはしませんか？

[hinata_hakumai]

おっしゃる通りposts/newのインデントがずれてました。
すみませんありがとうございます。