我們如何在Twitter Bootstrap中創建100％高度欄？

Question

我需要使this page的灰色側邊欄佔據頁面的左側高度，一直向下到頁面並觸摸藍色頁腳，而不會讓頁面看起來更高，是。

我曾嘗試使用height: 100%和position: table-cell，其中有許多其他建議我搜索了一下，但沒有任何結果。

使用Twitter Bootstrap有可能嗎？

的jsfiddle：https://jsfiddle.net/3cb30uz1/1/

Answer 1

你可以在側邊欄，這將確保它的高度是視高度的至少100％設定min-height: 100vh。或者，由於您有標題，您可以使用calc()進行減法。

在這種情況下，設置這個初級側欄元素：

min-height: calc(100vh - 172px);