【Rails】Bootstrapのnavbarで綺麗にログアウトリンクを表示する方法

概要

• deviseを導入
• Bootstrapで”Navbar fixed”を導入し、ヘッダーで「マイページ」や「ログアウト」リンクを設置しようというところ

困ったこと

• 以下HTMLだとリンクがヘッダー内で微妙に下にずれ、なぜか綺麗に表示されない。また、CSSもなぜか反映されない。

_header.html.erb

<li class="nav-item">
 <a class="nav-link"><%= link_to 'ログアウト', destroy_user_session_path, :method => :delete %></a>
</li>

解決方法

• aタグではなく、Railsで一般的に使われるlink_toで以下のようにclass指定したら綺麗に反映されました。

_header.html.erb

<li class="nav-item">
 <%= link_to "ログアウト", destroy_user_session_path, method: :delete, class: 'nav-link' %>
</li>