html – Bootstrap中的固定页脚

html – Bootstrap中的固定页脚,第1张

概述我正在尝试 Bootstrap,我想知道,如果内容滚动,我如何可以修复底部的页脚,而不会从页面中消失? 要获得一个粘贴到您的视口底部的页脚,请给它一个固定的位置,如下所示: footer { position: fixed; height: 100px; bottom: 0; width: 100%;} Bootstrap在Navbar>中包含这个CSS放置部分与 我正在尝试 Bootstrap,我想知道,如果内容滚动,我如何可以修复底部的页脚,而不会从页面中消失?解决方法 要获得一个粘贴到您的视口底部的页脚,请给它一个固定的位置,如下所示:
footer {    position: fixed;    height: 100px;    bottom: 0;    wIDth: 100%;}

bootstrap在Navbar>中包含这个CSS放置部分与类navbar-fixed-bottom。只需将此类添加到您的页脚元素:

<footer >

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

总结

以上是内存溢出为你收集整理的html – Bootstrap中的固定页脚全部内容,希望文章能够帮你解决html – Bootstrap中的固定页脚所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/1111245.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-29
下一篇2022-05-29

发表评论

登录后才能评论

评论列表(0条)

    保存