Bootstrap3：将导航栏折叠div更改为全屏菜单的正确方法是什么？

Question

点击菜单like this one.时，我需要div navbar-collapse .navbar-collapse.collapse.in{ min-height:100%; //doesn't work for me } .navbar-collapse.collapse.in{ min-height:500px //using px sure is resize the div but I don't think this is the proper way } 降至100％浏览器高度但我对如何将其实现为my code <感到困惑/ p>

我试过了：

{{1}}

但没有任何工作。需要帮助：）

Answer 1

试试这个CSS代码段：

.navbar-collapse {
    height: 100vh;
}

工作fiddle