bootstrap讓footer固定在頂部和底部

本文轉載自查看原文 2018-07-25 22:47 16339 Bootstrap/ bootstrap/ HTML&CSS

一、原理

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

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 Css實現 div footer 固定在html頁面底部將footer固定在頁面最下方 div固定在屏幕底部 bootstrap懸浮頂部或者底部 jquery導航滾動固定在頂部把div固定在網頁頂部 css樣式控制元素固定在底部如何將頁腳固定在頁面的底部讓div固定在頂部不隨滾動條滾動【轉】導航欄下拉至一定高度后固定在頂部的特效