Q&ABootstrapで”Navbar fixed”を使っているのですが、ログアウトリンクがうまく表示されません。
以下、①〜④まで試してみたのですが、どれもリンクエラーになったり、微妙に上にいったりします。
マイページリンクのように綺麗に表示されるには、どうすれば良いでしょうか？
html
1上記省略 2<ul class="navbar-nav me-auto mb-2 mb-md-0"> 3 <% if user_signed_in? %> 4 <li class="nav-item"> 5 <a class="nav-link" href= <%= user_path(id: current_user.id) %>><%=current_user.nickname%>さんのマイページ</a> 6 </li> 7 <%# 正常にマイページに飛ぶ %> 8 9 <li class="nav-item"> 10 <a class="nav-link" href= <%= destroy_user_session_path %>>ログアウト①</a> 11 </li> 12 <%# Couldn't find User with 'id'=sign_outになる。ただし表示はこのように白字・中央が良い %> 13 14 <li class="nav-item"> 15 <a class="nav-link" method="destroy" href= <%= destroy_user_session_path%> >ログアウト②</a> 16 </li> 17 <%# Couldn't find User with 'id'=sign_outになる。ただし表示はこのように白字・中央が良い %> 18 19 <li class="nav-item"> 20 <a class="nav-link"><%= link_to 'ログアウト③', destroy_user_session_path, :method => :delete %></a> 21 </li> 22 <%# 正常にログアウトできるが、なぜか下に寄る。また、ハイパーリンクになってしまう %> 23 24 <li class="nav-item"> 25 <a class="nav-link" href=<%= destroy_user_session_path%>><li><%= link_to 'ログアウト④', destroy_user_session_path, :method => :delete %></li></a> 26 </li> 27 <%# 正常にログアウトできるが、なぜか上に寄る。また、ハイパーリンクになってしまう %> 28 29 <% else %> 30 31 <li class="nav-item"> 32 <a class="nav-link" href= <%= new_user_session_path %>>ログイン</a> 33 </li> 34 <%# 正常にログインできる %> 35 36 <li class="nav-item"> 37 <a class="nav-link" href= <%= new_user_registration_path %>>新規登録</a> 38 </li> 39 <%# 正常に新規登録できる %> 40 41 <% end %> 42</ul> 43下記省略
回答1件
0
自己解決
以下のコードで綺麗に表示できました。
<li class="nav-item"> <%= link_to "ログアウト", destroy_user_session_path, method: :delete, class: 'nav-link' %> </li>
投稿2022/06/03 08:15
総合スコア43
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。