Bootstrap中的固定頁腳

我正在嘗試Bootstrap，我想知道如何修復頁腳底部而不從頁面消失，如果內容滾動？Bootstrap中的固定頁腳

2013-10-12 cerr

要獲得堅持視口底部的頁腳，給它一個固定的位置是這樣的：

footer { 
    position: fixed; 
    height: 100px; 
    bottom: 0; 
    width: 100%; 
}

引導包括在導航欄這個CSS>與類fixed-bottom放置部中。就在這個類添加到您的頁腳元素：

<footer class="fixed-bottom">

2013-10-12 05:15:00

-3

2014-01-15 12:30:29

這是爲粘腳，不固定頁腳：/ –

@aaronz有什麼區別？ –

@ArsenIbragimov如果內容比視圖高，則粘性頁腳會被推下到頁面的末尾。固定頁腳始終在視圖的底部可見。 –

補充一點：

<div class="footer navbar-fixed-bottom">

編輯：類別navbar-fixed-bottom已從Bootstrap v4-alpha.6更改爲fixed-bottom。

2016-07-29 18:56:03

添加z-index:-9999;這種方法，否則它將覆蓋你的頂欄，如果你有1。

2016-12-02 13:36:18

回答