twitter-bootstrap 'hero' 示例（http://twitter.github.io/bootstrap/examples/hero.html）运行良好。冒着描述显而易见的风险......在小屏幕上，当导航栏菜单被激活时，只有第一级项目是可见的，子项目是折叠的。当轻触具有子项的项时，子项会展开并变为可见。它们也可以通过再次点击父级来折叠。
我在 Joomla 网站 ( http://wright.gvta.net/ ) 上使用引导模板。不幸的是，当导航栏在小屏幕上激活时，它会扩展许多子项。点击父项不会展开/折叠其子项。
如何让 twitter-bootstrap 导航栏子项在小屏幕上折叠/展开？哪些引导代码/文件负责此行为？
我知道一些 css 和 javascript，但还不足以弄清楚这一点。
谢谢你。