折叠的导航栏在 Twitter Bootstrap 网站上仍然展开

Question

我对这个网站有疑问

http://www.Ghitulescu.de/beta/index.html

在 iPhone 或小型浏览器窗口上：导航栏在较小的屏幕宽度下按预期折叠，然后在单击导航栏切换时展开，但是当我选择导航栏菜单项之一时，导航栏仍然像这（并且覆盖了 iPhone 屏幕的一半以上），直到我再次单击导航栏切换。

你能给我一个提示吗？

谢谢！

亲切的问候， 弗拉德

Answer 1

这就是 Bootstrap 的设计方式。

如果您愿意，请将以下代码添加到您的网站（在 Win7 Chrome 32 上测试）：

$('ul.navbar-nav').on('click', function() {
  $('.navbar-collapse').collapse('hide');
});