Twitter Bootstrap导航在桌面上工作，但不在移动设备上

Question

我正在使用Twitter Bootstrap中的折叠导航菜单，如下所示：http://twitter.github.com/bootstrap/examples/starter-template.html

当我通过调整浏览器窗口大小在桌面浏览器中测试它时它工作正常但是当我在我的手机（iPhone 4s）上测试时没有任何东西激发。

Bootstrap上面的示例页面可以在我的手机上运行，​​所以我一直在比较两者，但无法弄清楚是什么导致它无法触发。

之前有人遇到过这个问题吗？

Answer 1

我记得面对同样的问题。无论如何，这就是我所做的。

将以下内容放在头部。

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

希望这有帮助。

Answer 2

我将bootstrap代码更新到版本2.3.0并且移动设备开始工作得非常漂亮。

Answer 3

标签导航我遇到了完全相同的问题。

在桌面上工作得很好但是我一到iphone / ipad就死了。

它只是使#page-name出现在URL中。

但是我错过了一个技巧 - 我忘了添加这个...

$('#myTab a').click(function (e) {
    e.preventDefault();
    $(this).tab('show');
})

Boom标签现在适用于iphone / ipad