Bootstrap でフッターをページの下部に固定するにはどうすればよいですか?

Bootstrap を使用してフッターをページの一番下にフラッシュする

質問:

を取得するのが難しい特に応答性の高い性質を考慮して、Twitter Bootstrap を使用してページの下部にフラッシュするフッター。これを効果的に実現するにはどうすればよいですか?

答え:

Bootstrap 2.2.1 には、この機能が含まれています。

Bootstrap の場合3.x:

ナビバー コンポーネントを".navbar-fixed-bottom" クラス:

<div class="navbar navbar-fixed-bottom"></div>

Bootstrap 4.x の場合:

次のコードを組み込みます:

<div class="navbar fixed-bottom"></div>

さらに、ページのコンテンツが不正確になるのを防ぐために、次のスタイルを必ず組み込んでください。隠蔽:

body { padding-bottom: 70px; }

ドキュメント:

詳細については、http://getbootstrap.com/components/#navbar-fixed- にある公式のブートストラップ ドキュメントを参照してください。下。

以上がBootstrap でフッターをページの下部に固定するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。