码迷,mamicode.com
首页 > 其他好文 > 详细

bootstrap让footer固定在顶部和底部

时间:2018-07-25 23:09:17      阅读:1741      评论:0      收藏:0      [点我收藏+]

标签:color   tst   index   浏览器   固定   相对   Fix   boot   定位   

一、原理

使用fixed进行固定定位,相对于浏览器窗口进行定位,然后再设置其z-index的值即可。

二、Bootstrap中使用的类

1.顶部固定:navbar-fixed-top

2.底部固定:navbar-fixed-bottom

1 <footer class="navbar-fixed-bottom">
2   <div class="container">
3     内容区域
4   </div>
5 </footer>

 

bootstrap让footer固定在顶部和底部

标签:color   tst   index   浏览器   固定   相对   Fix   boot   定位   

原文地址:https://www.cnblogs.com/llcdxh/p/9366267.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!