web-dev-qa-db-ja.com

Bootstrapのフッターを修正

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

57
cerr

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

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

148
Josh KG

これを追加:

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

https://stackoverflow.com/a/21604189

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

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

60

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

3
Daniel Tero