引导手机和其他设备的响应导航栏(Bootstrap Responsive Navbar for Ph

这是我工作的网站。

http://ankursinha.net/TestSite/index.php

它正确地叠加起来，它的响应，一切都很好，除了下文的。

当我访问这个网站从我的手机或平板电脑，导航栏显示3行，我点击和所有的链接显示出来，然后当我点击“登录”，它降下来，表明了我系登录和学生登录，但是当我点击其中的一个，它切换和关闭下拉事情。

我知道这是因为发生的事情：

data-toggle="collapse" data-target=".nav-collapse"

但我怎么解决这个问题，并使其像一个适当的链接通过智能手机和平板电脑的网站导航？ 所有的浏览器有同样的问题！

我Responsinator检查，也有出现同样的问题。

谢谢

Answer 1:

通过添加（替换）这片上自举-dropdown.js代码（在脚本的端部）固定：

$(function () {
  $('html').on('click.dropdown.data-api', clearMenus)
  $('body').on('click.dropdown touchstart.dropdown.data-api', '.dropdown form', function (e) { e.stopPropagation() })
           .on('click.dropdown.data-api touchstart.dropdown.data-api'  , toggle, Dropdown.prototype.toggle)
           .on('keydown.dropdown.data-api touchstart.dropdown.data-api', toggle + ', [role=menu]' , Dropdown.prototype.keydown)
 })

基本上从鼓泡到下一个元素，这将是HTML标签和具有clearMenus功能停止在一个下拉触摸事件。

文章来源: Bootstrap Responsive Navbar for Phones and other devices