垂直自舉導航菜單 - 所有頁面的高度？

Question

我很難將垂直導航菜單一直放到頁面的頁腳。我試着擺弄它，但最接近的是我爲.navbar設置了一個特定的高度，這對我沒有幫助，因爲我希望它能夠響應。

.navbar { 

border: 0px; 
text-align: center; 
border-radius: 0px; 
background-color: #F2E9E1; 

}

我猜測它是與導航欄類。

這裏是整個代碼：https://jsfiddle.net/u3hf1jht/1/

Answer 1

我不知道你所說的你想要它去到頁腳一路是什麼意思？如果您希望它填充整個頁面，您可以將導航的高度設置爲頁面高度的100％。

ul.nav { 
    height:100vh; 
} 

Answer 2

剛剛有了一個看一眼你的代碼片段，似乎你已經堆放在資產淨值爲導航欄，它們在引導兩個不同的組件。我想再看看http://getbootstrap.com/components/#nav。

此外，請參閱http://getbootstrap.com/javascript/#affix來定位您的導航。實際的bootstrap側面導航就是一個可見的例子。