NuxtJS x Bootstrap 5でStickyFooterを実現するかんたん手順 - 四谷ラボ公式ブログ

皆様こんにちは、篠原です。 NuxtとBootstrap5を使用している環境にてStickyFooterを実装する機会がありましたので、その手順をこちらに残します。 今回、これを使ったサイトのでばっぐ神社があります。これは四谷ラボが始めたオープンソースプロジェクトで、なおかつ開発には誰でも参加可能となっています。 記事を見て気になったプログラマ、WEBサイトデザイナーの方も、僕らと一緒にコードを書きませんか・・・？ ※完全に趣味開発です。 d-shrine.jp Sticky Footerとは よくWEBサイトのFooterを作る際に、通常であればページ最下部に記載するもので会社情報やプライバシーポリシーなどを記載するエリアとして使用されています。 対象のページにコンテンツがいっぱいあるとき、特にFooterの位置は考慮しなくても画面外に表示されるのでいいかなーと思います。 一方で1ページ

[T_Shino]

でばっぐ神社で使いまして、それを記事にしました。