当方ドットインストールのBootstrap4入門でBootstrapの基礎学習を行っているのですが、
ハンバーガーメニューがうまく表示されません。
html
1 <div class="container"> 2 <nav class="navbar navbar-expand-sm navbar-light"> 3 <a href="" class="navbar-brand">LOGO</a> 4 <button class="navbar-toggler" data-toggle="collapse" data-target="#menu"> 5 <span class="navbar-toggler-icon"></span> 6 </button> 7 <div id="menu" class="collapse navbar-collapse"> 8 <ul class="navbar-nav"> 9 <li class="nav-item"><a href="" class="nav-link">link1</a></li> 10 <li class="nav-item"><a href="" class="nav-link">link2</a></li> 11 <li class="nav-item"><a href="" class="nav-link">link3</a></li> 12 </ul> 13 </div> 14 </nav> 15 </div>
このようにnavbar-toggleを入れたのですが、入れる前と同じようにリスト内の要素が
header内で横並びになった状態で表示されます。
環境は
Bootstrap 4.3.1
jQuery 3.3.1
atomエディタ
です。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。