Bootstrapのフッターを修正

Question

Bootstrap を試していますが、コンテンツがスクロールされたときにページからフッターが消えないように、フッターを修正するにはどうすればよいですか？

Answer 1

ビューポートの下部に固定されるフッターを取得するには、次のような固定位置を指定します。

footer {
    position: fixed;
    height: 100px;
    bottom: 0;
    width: 100%;
}

Bootstrapは、このCSSをクラスfixed-bottomのNavbar> Placementセクションに含めます。このクラスをフッター要素に追加するだけです：

<footer class="fixed-bottom">

ブートストラップドキュメント： http://v4-alpha.getbootstrap.com/components/navbar/#placement

Answer 2

これを追加：

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

https://stackoverflow.com/a/21604189

EDIT：Bootstrap v4-alpha.6の時点で、クラスnavbar-fixed-bottomはfixed-bottomに変更されました。

http://v4-alpha.getbootstrap.com/components/navbar/#placement

Answer 3

z-index:-9999;をこのメソッドに追加します。そうしないと、1がある場合はトップバーをカバーします。