はじめに こんにちは! 株式会社BFT名古屋支店・インフラ女子(?)のやまぐちです。 最近少しずつBootstrapを勉強し始めています。 対応したことを忘れないために短めの小ネタを投稿していきます! ヘッダーとフッターについて、以下の公式ページを参考にしました。 getbootstrap.jp ヘッダー・フッターを固定しよう DjangoとBootstrapで簡単なウェブサイトを作ってみたはいいものの、なんか洗練されていない印象…うん?そうか、ヘッダーとフッターが固定されていないのか! つまり、画面をスクロールするとヘッダーが見えなくなって、画面の一番下まで行くとフッターが見えてくる状態です。つまりこんな感じ! 固定するにはそれぞれクラスを指定するだけ! 今回作成しているウェブサイトでは各ページ共通のheader, footerなどは「base.html」に記載しています。以下の図だとの
![【Bootstrap】ヘッダー・フッターを固定する - BFT名古屋 TECH BLOG](https://cdn-ak-scissors.b.st-hatena.com/image/square/e262b9c86dc0f2c040d3aee5e1c5d29233cfb39c/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fb%2Fbftnagoya%2F20220610%2F20220610183154.png)