如何默认打开Twitter Bootstrap Collapsible Navbar？

Question

如果在宽度小于980px的浏览器窗口中打开Twitter Bootstrap's GitHub page，则会折叠。

单击右上角的按钮，它会展开以显示选项“Home”，“Get Started”，“Scaffolding”等。

有没有办法配置Twitter Bootstrap（或编写一些自定义CSS或JavaScript）以使其默认显示这些选项？

我担心的是有些用户不会知道点击右上角的按钮来查看网站导航选项。

Answer 1

您可以使用.in添加课程.container .nav-collapse.collapse。

<div class="container">
  <div class="nav-collapse collapse"> <!-- collapsed state -->
   Some html element
  </div>
  <div class="nav-collapse collapse in"> <!-- expanded state -->
   Some html element
  </div>
</div>

Answer 2

您应该只需将.container .nav-collapse.collapse的高度设置为自动。

即可

切换菜单时发生的所有事情都是将高度设置为自动，并从按钮中删除了一类折叠。

注意：我只是通过我的控制台对此进行了测试，您可能需要了解如何直接应用高度。