twitter-bootstrap-3 - Twitter Bootstrap 网站上折叠的导航栏仍然处于扩展状态

标签 twitter-bootstrap-3 navbar

我的网站有问题

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

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

能给我一点提示吗?

谢谢!

亲切的问候, 弗拉德

最佳答案

这就是 Bootstrap 的设计方式。

如果您希望这样做,请将以下代码添加到您的网站(在 Win7 Chrome 32 上测试):

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

关于twitter-bootstrap-3 - Twitter Bootstrap 网站上折叠的导航栏仍然处于扩展状态,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21653967/

相关文章:

html - 如何在不同屏幕尺寸之间更改 html 中渐变线的方向

css - Bootstrap 表单控制类不是自动换行标签

css - 移动设备中的 Bootstrap 3.3 按钮 css 文本中断

javascript - 更改导航栏列表中文本和背景的颜色

javascript - 改变Javascript动画

css - 将鼠标悬停在大屏幕上时,Bootstrap 4 导航栏会打开下拉菜单,但会在小屏幕上打开

javascript - 如何在引导模式中的表中追加行

css - 将星号添加到必填字段标签

css - 如何让 ASP.NET MVC 导航栏水平而不是垂直?

css - [CSS]如何让它移动到顶部?