前提
WindowsでBootstrapを使ってヘッダーとフッターのあるページを作成しています。
実現したいこと
Bootstrapの以下のサンプルをベースにページを作っています。
https://getbootstrap.jp/docs/5.0/examples/sticky-footer-navbar/
ここでウィンドウをリサイズすると表示されている内容が自動でレイアウトし直されます。
レイアウトし直されるのはいいのですが、左側のマージンも調整されるのでリサイズ中はかなり見づらい状態になります。
試したこと
<body class="d-flex flex-column h-100">
のflex-column部分が関係していると思うので外してみたところ、希望する表示にはなるのですが、フッターの表示がおかしくなっていまいます。
リサイズ中も左側のマージンは固定にするにはどのようにすれば良いのでしょうか?
補足情報(FW/ツールのバージョンなど)
Windows10
Chrome バージョン: 99.0.4844.84(Official Build) (64 ビット)
あなたの回答
tips
プレビュー