bootstrap让footer固定在顶部和底部

一、原理

使用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>

 

posted @ 2018-07-25 22:47  DHeng  阅读(28558)  评论(1)  编辑  收藏  举报