幾個100％以下高度的容器

Question

我想用twitter引導創建下面的佈局。每個容器下面有幾個容器，每個容器的高度等於瀏覽器屏幕高度。用戶將能夠通過它們上下滾動。我正在尋找有什麼東西準備在引導 - .container瀏覽器的高度或東西？

我做編輯，分享經驗教訓。在twitter bootstrap中沒有爲此目的而建立的類。我在代碼中搜索。所以Krzysztof Krawiec的答案解決了這個問題。

Answer 1

我不認爲引導程序已預先編制完整窗口高度的組件。 無論如何，你可以通過編寫自己的課程來達到這個效果。

.fullVH{ 
 
    width: 200px; 
 
    height: 100vh; 
 
    display: block; 
 
}

<div class="fullVH" style="background:green">1</div> 
 
<div class="fullVH" style="background:red">2</div> 
 
<div class="fullVH" style="background:blue">3</div>

這裏的技巧是使用視高度：100vh;代替使用身高：100％; 希望這有助於。