Bootstrap下拉菜单无法在智能手机或平板电脑上工作

Question

我遇到了一个我一直在努力的Bootstrap网站的问题。我根本不是bootstrap或javascript专家，我只是简单地购买了一个主题并对其进行了一些调整，期望它能够在基本级别上运行。

正在使用的引导版本是2.2.1，问题是下拉菜单在智能手机或平板电脑上无法正常工作。

这是演示问题示例站点：http://t879.nfshost.com/

当您单击信息菜单上，下拉打开。当你点击任何子菜单项（我们的第一页，第二页等）时，它应该打开该页面。在电脑和笔记本电脑上，这可以正常工作。在智能手机和平板电脑上，菜单折叠并且新页面未打开。

这似乎是bootstrap v 2.2.1的一个已知问题，但我在网上找到的修补程序（或Stackoverflow上的这些修复程序）似乎都不起作用或适用于随主题提供的引导程序文件。

任何建议或帮助，将不胜感激。

感谢

Answer 1

您可以下载并更新Twitter的引导文件到2.3.2版本here。

确保您既包括bootstrap.min.css和bootstrap-responsive.min.css并检查元指令：

<meta name="viewport" content="width=100%; initial-scale=1; maximum-scale=1; minimum-scale=1; user-scalable=no;"/> 

内容应该是一个逗号分隔的列表。 尝试改变该行以：

<meta name="viewport" content="width=device-width, initial-scale=1.0"> 

，然后阅读documentation能够基于你想达到什么样的变化。