Bootstrap 3「fluid」頁腳

Question

我正在嘗試使用bootstrap 3創建頁腳。最終它應該看起來像這樣的site。

我已經試過這個example，但它是靜態的，不隨網站一起移動。

Answer 1

它是靜態的，因爲沒有內容推下頁腳，沒有滾動條。 Bootstrap網站上的頁腳應該可以正常工作。我爲他們的h1添加了一個3000px的高度，頁腳隨着站點移動。

除非我很困惑，你不想粘頁腳在這種情況下，這應該做工精細

.footer { 
width: 100%; /* or whatever */ 
float: left; /* to clear it */ 
} 

或

.footer { 
width: 100%; 
clear: both; /* to clear it */ 
} 

而且一定要加.container內您的頁腳div，然後在.container div中添加您的內容。你的內容應該隨着'站點'移動'

引導3沒有添加頁腳的設置方式，所以發瘋。我能從他們身上看到的唯一定製頁腳是粘性頁腳

Answer 2

我覺得你很困惑粘腳是什麼。當您沒有足夠的內容填充頁面時，粘滯頁腳是頁腳底部留下的頁腳。它保持網站整潔和一致。

你在找什麼是職位屬性。在你的CSS

.fixed-to-bottom{ 
    position:absolute; 
    bottom:0px; 
    left:0px; 
} 

設置以下的類此類添加到您要始終顯示在屏幕底部的元素。

我希望這會有所幫助。