我正在使用 Twitter Bootstrap 中的折叠导航菜单,如下所示:http: //twitter.github.com/bootstrap/examples/starter-template.html
当我通过调整浏览器窗口的大小在桌面上的浏览器中测试它时它工作正常,但当我在我的手机(iPhone 4s)上测试它时没有任何反应。
上面来自 Bootstrap 的示例页面适用于我的手机,所以我一直在比较两者,无法弄清楚是什么导致它不触发。
以前有人遇到过这个问题吗?
我正在使用 Twitter Bootstrap 中的折叠导航菜单,如下所示:http: //twitter.github.com/bootstrap/examples/starter-template.html
当我通过调整浏览器窗口的大小在桌面上的浏览器中测试它时它工作正常,但当我在我的手机(iPhone 4s)上测试它时没有任何反应。
上面来自 Bootstrap 的示例页面适用于我的手机,所以我一直在比较两者,无法弄清楚是什么导致它不触发。
以前有人遇到过这个问题吗?
我记得面临同样的问题。无论如何,这就是我所做的。
将以下内容放在头部。
<meta name="viewport" content="width=device-width, initial-scale=1.0">
希望这可以帮助。
我将引导代码更新到 2.3.0 版,移动设备开始运行良好。
我在选项卡式导航中遇到了完全相同的问题。
在桌面上工作得很好,但我一去 iphone/ipad 就死了。
它只是让#page-name 出现在 URL 中。
但我错过了一个技巧 - 我忘了添加这个......
$('#myTab a').click(function (e) {
e.preventDefault();
$(this).tab('show');
})
Boom 选项卡现在可以在 iphone/ipad 上使用