前提・実現したいこと
rails 6の勉強中です。
rails 6にbootstrapを導入して、ヘッダーを作りました。
navbarを書いたのですが、ハンバーガーメニューが表示されません。
アイコンをクリックしてもドロップダウンのように表示されない状態にあります。
画面が大きい状態でも、小さい状態でもうまく動きません。
どこを直せばいいでしょうか。
該当のソースコード
<nav class="navbar navbar-dark bg-dark"> <a href="#" class="navbar-brand">Navbar</a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navmenu1" aria-controls="navmenu1" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navmenu1"> <div class="navbar-nav"> <a class="nav-item nav-link" href="#">Menu#1</a> <a class="nav-item nav-link" href="#">Menu#2</a> <a class="nav-item nav-link" href="#">Menu#3</a> </div> </div> </nav>
試したこと
背景とnavbarが白だから透明化しているのでは、と思ってnavbar-navやnavbar-collapseにbackground-colorをcssでつけましたが、表示されませんでした。
文字も表示されていません。
あなたの回答
tips
プレビュー