Twitter Bootstrap - 100％身高

Question

我正在嘗試使用twitter-bootstrap框架爲我的應用程序設計管理面板，但無法讓我的佈局工作。

我被這樣的設計靈感：
這將是一個兩個欄佈局「側邊欄」和「主要內容」，但我不能得到100％的高度工作。我設法使用此代碼來獲得2欄佈局與100％的寬度：

HTML

<div class="container-fluid"> 
<div class="row-fluid"> 


    <div class="span2 colorize-white"> 
    <!--Sidebar content-->Sidebar 
    </div> 


    <div class="span10 colorize-white"> 
    <!--Body content-->Main 
    </div> 


</div> 
</div> 

CSS

/* Global */ 
html, body { 
    color: #6B787F; 
    padding: 0; 
    height: 100%; 
    background: #11161a; 
    font-family: 'PT Sans' !important; 
} 

.colorize-white { 
    background: #FFFFFF; 
} 

.no-margin { 
    margin: 0; 
} 

我走了一半，但有兩件事情我不能解決。
1）100％高度
2）入門上的第二圖像消除外邊緣的

可以看到，我有瀏覽器邊界和側欄/主要元素，然後在兩者之間餘量之間的餘量。如果我在我粘貼的所有HTML元素中添加無邊距（包括身體標記），我需要擺脫這種情況，但我仍然無法獲得100％的高度，並且仍然無法擺脫瀏覽器邊框和邊欄以及主要內容之間的邊距邊欄和主內容之間的空白區域消失。

Answer 1

我不太確定Bootstrap的網格模型是你在這裏找的。你可能正在尋找絕對定位。例如：

#sidebar, #content { 
    position: absolute; 
    top: 0; 
    bottom: 0; 
} 
#sidebar { left: 0; width: 10em; } 
#content { left: 10em; right: 0; } 

Try it out.

Answer 2

我不知道如果這是你在找什麼，but here it goes.

剛修改過的CSS略。 margin:0;至html, body標籤。

Answer 3

這裏是一個自舉3工程..

確保HTML和身體都是100％高度的例子。包裝側邊欄和內容，然後在側邊欄上使用position:absolute。

http://www.bootstrapzero.com/bootstrap-template/basis

代碼：http://bootply.com/86704