如果在宽度小于 980 像素的浏览器窗口中 打开Twitter Bootstrap 的 GitHub 页面,它就会被折叠。
单击右上角的按钮,它会展开以显示“主页”、“开始”、“脚手架”等选项。
有没有办法配置 Twitter Bootstrap(或编写一些自定义 CSS 或 JavaScript)以使其默认显示这些选项?
我担心的是一些用户不知道点击右上角的按钮来查看站点导航选项。
如果在宽度小于 980 像素的浏览器窗口中 打开Twitter Bootstrap 的 GitHub 页面,它就会被折叠。
单击右上角的按钮,它会展开以显示“主页”、“开始”、“脚手架”等选项。
有没有办法配置 Twitter Bootstrap(或编写一些自定义 CSS 或 JavaScript)以使其默认显示这些选项?
我担心的是一些用户不知道点击右上角的按钮来查看站点导航选项。
你可以通过添加类来做到这.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>
您应该可以通过将高度设置.container .nav-collapse.collapse
为自动来做到这一点。
切换菜单时发生的所有事情都是将高度设置为自动,并且从按钮中删除了折叠的类。
注意:我只通过我的控制台对此进行了测试,您可能不得不尝试如何直接应用高度。