【Rails5】検索フォームと検索ボタンの一体にしたい。

Question

ruby2.5.1 rails5

困っていること

bootstrap4の導入のために

app/assets/stylesheets/application.css

⬇︎.cssから.scssに変更しました。

app/assets/stylesheets/application.scss

すると、inlineが無くなり検索フォームと検索ボタンが一体にならなくなりました。

ソースコード

<div class="input-group">
  <div class="form-group room-in">
    <%= form_with url: users_path,:method => 'get' do %>
      <%= text_field_tag :search, params[:search],:placeholder => "キーワードで検索", class: "form-control" %>
      <span class="input-group-btn">
        <%= submit_tag "検索", id:"sbtn4",:name => nil, class: "btn btn-primary room-inbtn" %>
      </span>
    <% end %>
  </div>
</div>

まとめ

色々と試してみみて思ったことは、

<%= form_with url: users_path,:method => 'get' do %>

この文がなければinlineになるということです。
これは.scssの仕様なのでしょうか？

Answer 1

<form></form>で囲うことで解決しました。