Bootstrap下拉菜单不适用于智能手机或平板电脑

Question

我遇到了一个我一直在努力的Bootstrap网站的问题。我根本不是一个bootstrap或javascript专家，我只是买了一个主题并稍微改编了一下，希望它能在基本级别上工作。

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

这是一个演示问题的示例网站：http://t879.nfshost.com/

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

这似乎是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根据您想要实现的目标进行更改。