#9 DjangoによるWebアプリケーション開発備忘録
今回の作業は、見た目の修正。
ハンバーガーアイコンが表示されない
ヘッダメニュー(ナビゲーションバー)の項目が常に表示され、ハンバーガーアイコンが表示されないという不具合がありました。
そこで、以下のサイトをもとに、base.htmlのコードを変更しました。
これまでは、.navbar-expand クラスを追加していたのですが、それを外しました。
.navbar-expand クラスの設定を外す
外してみると…
無事にハンバーガーアイコンが表示されました~。
さらに、ハンバーガーアイコンをクリックしてみると、、ヘッダーメニュー(ナビゲーションバー)も表示されるようになりました~。
折り畳むことのない(常時展開する)ナビゲーションバーの場合は、ナビゲーションバーに .navbar-expand クラスを追加。 常に折り畳むナビゲーションバーの場合には、.navbar-expand クラスを追加しないこと。
ということらしいですね。
サポート、本当にありがとうございます。サポートしていただいた金額は、知的サイドハッスルとして取り組んでいる、個人研究の費用に充てさせていただきますね♪