ホームページ > ウェブフロントエンド > CSSチュートリアル > Bootstrap 3 でスティッキー フッターを作成するには?

Bootstrap 3 でスティッキー フッターを作成するには?

Mary-Kate Olsen
リリース: 2024-12-07 00:09:12
オリジナル
854 人が閲覧しました

How to Create a Sticky Footer with Bootstrap 3?

Twitter Bootstrap 3 のスティッキー フッター

Twitter Bootstrap 3 では、スティッキー フッターはクラス「navbar-fixed-bottom. 」このクラスは、コンテンツの長さに関係なく、フッターがページの下部に固定されたままになるようにします。

解決策:

Twitter Bootstrap 3 を使用してスティッキー フッターを作成するには、次の手順を実行します。これらの手順:

  1. フッターのコンテンツを
    で囲みます。クラス「footer navbar-fixed-bottom」の要素。例:
<div class="footer navbar-fixed-bottom">
  <!-- Footer content here -->
</div>
ログイン後にコピー

以上がBootstrap 3 でスティッキー フッターを作成するには?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート