Bootstrap固定導航欄，粘性頁腳，動態縮放的內容

Question

我想實現此示例，但不同之處在於，如果頁面上的內容過多 （在導航欄和頁腳之間），該內容將縮小 /壓縮以適合內部內容（即，使頁腳仍然完全可見）屏幕分辨率，使其成為CSS行話中的“固定頁腳”）。 我正在使用bootstrap 3.1.1，如果有人有一個易於引導的解決方案，那就太酷了:)。 最好！

Answer 1

您始終可以使用固定的頁腳，並在其下滾動任何其他內容。 這里以jsfiddle為例：

html { 
  min-height: 100%;
  position: relative;
}

body {
  margin-bottom: 1.5rem /* or whatever your fixed footer height is */
 }

/* and assuming your footer has id="footer"  */
#footer { 
   position: fixed;
   bottom: 0;
   height: 1.5rem;
   overflow: hidden;
   }

Answer 2

請在這里查看此答案，並在此處引用其示例。 我想如果您有圖片和所有東西，那將會有些不同。 如果您可以在jsFiddle上提供內容示例，我們可能會幫助您更好地擴展它。