Boostrapを使ったfooter配置

1.#container の div に d-flex、flex-column、min-vh-100 クラスを追加します。

・d-flex: Flexboxコンテナを有効にします。
・flex-column: 子要素を縦方向に配置します。
・min-vh-100: コンテナの最小高さをビューポートの高さの100%に設定します。

2.#content の div に flex-grow-1 クラスを追加します。

・flex-grow-1: この要素が利用可能な残りの垂直方向のスペースをすべて埋めるようにします。これにより、フッターが下に押しやられます。

pagetop