以下のようなnavが書かれたhtmlタグがありこの中にドロップダウン要素を書きドロップダウンメニューを実装したいです
<div class="nav-scroller bg-purple shadow-sm"> <nav class="nav nav-underline"> <a class="nav-link active" href="#">Swipe</a> </nav> </div>
しかしインターネットで調べたりしたbootstrapのドロップダウンのタグやクラスを追加しても書いてもドロップダウンが展開されないです。
上の画像を表示させているドロップダウンのクラスやタグを追加したコードは以下のものになります。
<div class="nav-scroller bg-purple shadow-sm"> <nav class="nav nav-underline"> <a class="nav-link active" href="#">Swipe</a> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="https://example.com" id="dropdown01" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Settings</a> <div class="dropdown-menu" aria-labelledby="dropdown01"> <a class="dropdown-item" href="#">link</a> <a class="dropdown-item" href="#">link</a> <a class="dropdown-item" href="#">link</a> </div> </li> </nav> </div>
何が原因でドロップダウンメニューを展開することができないのでしょうか?
何かの要素が邪魔しているのでしょうか?
ずっと迷っております。。。宜しくお願い致します。
回答2件
あなたの回答
tips
プレビュー