#9　DjangoによるWebアプリケーション開発備忘録

今回の作業は、見た目の修正。

ハンバーガーアイコンが表示されない

ヘッダメニュー(ナビゲーションバー)の項目が常に表示され、ハンバーガーアイコンが表示されないという不具合がありました。

そこで、以下のサイトをもとに、base.htmlのコードを変更しました。

Bootsrap4で常にハンバーガーを表示する

これまでは、.navbar-expand クラスを追加していたのですが、それを外しました。

.navbar-expand クラスの設定を外す

外してみると…

無事にハンバーガーアイコンが表示されました～。

さらに、ハンバーガーアイコンをクリックしてみると、、ヘッダーメニュー（ナビゲーションバー）も表示されるようになりました～。

折り畳むことのない（常時展開する）ナビゲーションバーの場合は、ナビゲーションバーに .navbar-expand クラスを追加。 常に折り畳むナビゲーションバーの場合には、.navbar-expand クラスを追加しないこと。

ということらしいですね。