MENU

Bootstrap 固定在网页底部

• June 20, 2020 • Read: 120 • 教程

Bootstrap 固定在网页底部

navbar-fixed-bottom这个类可以使其固定在网页底部,并且不随网页滚动

<footer class="navbar-fixed-bottom">
   testteset
</footer>

如果需要随网页滚动,则使用navbar-static-bottom

<footer class="navbar-static-bottom">
   testteset
</footer>

备注:要记得加上bootstrap的CDN,否则会失败

<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>

trmGrh

您的大名:
万水千山总是情,给个打赏行不行。 打赏
百度已收录
广告
- - - The END - - -
  • 版权所有:本文版权归Get-林林小窝 所有,转载请注明出处!除特殊注明外(如有侵权,请联系 gxggxl@qq.com ),本站原创内容均采用 署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0) 进行许可
  • Last Modified: January 30, 2021
    Archives QR Code
    QR Code for this page
    Tipping QR Code