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

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侧面导航就是一个可见的例子。