form_withヘルパーにbootstrapを用いてレイアウトを整えたい。

前提・実現したいこと

ただいまrailsを用いてwebサイトを作成中なのですが、
ヘッダーに検索フォームを作ろうと、formwithヘルパーを用いてフォームを作成したところ、レイアウトが想定した通りにならず
形が歪になってしまいました。
それを解決したいです。

発生している問題・エラーメッセージ

ヘッダーのhtml.erb

  <nav class="navbar  bg-dark">
    <ul class="nav">
      <li class="nav-item"><%= link_to  "life_share", root_path, class:"nav-link"%></li>
      <li class="nav-item"><%= link_to "通知一覧", notices_path,  class:"nav-link" %></li>
      <% if unchecked_notices.any? %>
      <i class="fa fa-circle notification-circle"style="color:red"></i>
      <%end%>
      <li class="nav-item"><%= link_to "マイページ", current_user,class:"nav-link"  %></li>
      <li class="nav"><%= link_to "Log out", logout_path, method: :delete ,class:"nav-link"%></li>
    </ul>
      <%= form_with url: users_path(仮url),class: :'form-inline' ,local: true do |form|%>
      <%= form.text_field :serch,:placeholder =>"検索",class: :'form-contorol'%>
      <%= form.submit class: :'form-contorol'%>
    <% end %>
  </nav>

実際に表示されるもの

###やりたいこと
↑のヘッダーに存在する検索フォームと送信ボタンを縦ではなく、各種リンクと横並びにし、右端に寄せたいです。

試したこと

bootstrapの公式サイトと関連書籍をよみ、formを横並びにするには
form要素で"form-inline"のクラスを追加し、input要素にform-controlクラスを追加するとあったので
それを参考にrailsのform-withヘルパーにクラス指定を行ったのですが、どういう訳か横に並ばず、縦表示のままになってしまい。詰まってしまいました。
ご教授お願いします。

###情報（FW/ツールのバージョンなど）
rails 5.16
bootstrap4.1.3