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

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;
}