twitter-bootstrap“英雄”示例（http://twitter.github.io/bootstrap/examples/hero.html）效果很好。有可能描述明显的...在小屏幕上，当激活导航栏菜单时，只有第一级项目可见，子项目被折叠。当点击具有子项目的项目时，子项目将展开并变为可见。它们也可以通过再次点击父级来折叠。
我在Joomla网站（http://wright.gvta.net/）上使用bootstrap模板。不幸的是，当在小屏幕上激活导航栏时，它会扩展许多子项。点击父项不会展开/折叠其子项。
如何让twitter-bootstrap导航栏子项在小屏幕上折叠/展开？ 什么bootstrap代码/文件负责这种行为？
我知道一些css和javascript，但还不足以解决这个问题。
谢谢。
答案 0 :(得分：0)
您需要Bootstrap Collapse JS。然后你需要一个包裹导航栏的<div class="nav-collapse collapse">。最后，将data-toggle="collapse"属性应用于仅使用CSS媒体查询在较小屏幕上显示的按钮。
有关工作示例，请参阅this example的源代码