Bootstrap を試していますが、コンテンツがスクロールされたときにページからフッターが消えないように、フッターを修正するにはどうすればよいですか?
ビューポートの下部に固定されるフッターを取得するには、次のような固定位置を指定します。
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
これを追加:
<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
z-index:-9999;
をこのメソッドに追加します。そうしないと、1
がある場合はトップバーをカバーします。