Bootstrap4にてドロップダウンメニューを実装したのですが、リスト要素が横並びになってしまいます。
どうすれば縦並びに表示に出来るでしょうか。
発生している問題・エラーメッセージ
該当のソースコード
header
1<% if user_signed_in? %> 2 <div class='navbar navbar-default navbar-fixed-top'> 3 <div class='container'> 4 <nav class="navbar navbar-expand fixed-top navbar-light bg-light"> 5 <a href="#" class="navbar-brand">OurGoal</a> 6 <ul class="navbar-nav ml-auto"> 7 <li class="nav-item"><a href="#" class="nav-link">HOME</a></li> 8 <li class="dropdown nav-item"> 9 <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">アカウント</a> 10 <div class="dropdown-menu dropdown-menu-right" role="menu"> 11 <a href="user_path(current_user)" class="doropdown-item">マイページ</a> 12 <a href="destroy_user_session_path" class="doropdown-item">ログアウト</a> 13 </div> 14 </li> 15 </ul> 16 </nav> 17 </div> 18 </div> 19<% end %>
試したこと
ここに問題に対して試したことを記載してください。
補足情報(FW/ツールのバージョンなど)
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/04/11 10:28
2019/04/11 10:32
2019/04/11 10:36