如何使Twitter Bootstrap可折叠导航栏默认打开

Question

如果在宽度小于980px的浏览器窗口中打开Twitter Bootstrap的GitHub页面，它就会被折叠。

点击右上角的按钮，它会展开显示选项"主页"、"入门"、"脚手架"等。

有没有一种方法可以配置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的高度设置为auto来实现这一点。

当您切换菜单时，所发生的一切都是高度设置为自动，并且折叠的类从按钮中删除。

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