Bootstrap垂直导航菜单 - 所有页面的高度？

Question

我很难让垂直导航菜单一直向下到页面的页脚。我试着摆弄它，但我得到的最接近的是我为.navbar设置一个特定的高度，这对我没有帮助，因为我希望它能够做出响应。

.navbar {

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

}

我猜它与navbar类有关。

以下是整个代码：https://jsfiddle.net/u3hf1jht/1/

Answer 1

我不确定你想要它一直走到页脚的意思是什么？您可以将导航的高度设置为页面高度的100％，如果您希望它填满整个页面。

ul.nav {
  height:100vh;
}

Answer 2

只需看一下你的代码片段，看起来你已经在导航栏中堆叠了导航栏，它们是Bootstrap中的两个不同组件。我再看看http://getbootstrap.com/components/#nav。

另外，请查看http://getbootstrap.com/javascript/#affix以定位导航。实际的引导程序侧导航是一个可见的实例。