【问题标题】:Mobile view using Bootstrap使用 Bootstrap 的移动视图
【发布时间】:2012-08-13 22:00:53
【问题描述】:

我制作了一个简单的页面作为登录表单来测试移动设备的访问。

现场测试在:

http://jsbin.com/inumud/1/

jsbin 外:

http://balexandre.com/gk2

如果您尝试从移动设备打开该 URL,无法进入帐户和密码表单。

我正在使用 非常简单的表单,使用 Twitter Bootstrap(v.2.0.4) 并且在任何桌面上都可以正常工作,但为什么我无法访问表单输入来自移动设备? (iPhone 无法进入表单,Android 无法启动键盘)

我还需要做些什么才能让它在移动设备上工作而不重做移动框架中的漏洞站点?

我一直在尝试,但到目前为止没有成功,现在已经好几天了,我可能错过了一些简单的东西,我希望社区可以帮助我擦亮眼睛:)

【问题讨论】:

  • 你尝试过jsbin之外的表单吗? (令我震惊的是,可能会发生一些 js 冲突。)
  • 我做到了,因为我的网站确实在 jsbin 之外,我也有同样的东西,但这是我个人空间中的相同代码:balexandre.com/gk2
  • 在 WP7 上运行良好。但我看到你的 lorem 有字符集问题。可以吗?不管怎样,你试过删除所有的 javascript 吗?
  • @Sherbrow 是的,也适用于我的 WP7 (Lumia 800),但不适用于我的 iPhone 4 三星 Galaxy Nexus (android) :( - 我什至没有一行 javascript,只是bootstrap.js 与模态一起工作,仅此而已。

标签: html mobile twitter-bootstrap


【解决方案1】:

找到了“臭虫”

它是顶部的 Modal 并阻止访问后面的所有其他内容...将 hide 添加到 modal 类可以解决问题。

【讨论】:

    猜你喜欢
    • 2015-01-23
    • 1970-01-01
    • 2016-06-04
    • 2020-01-11
    • 2018-04-05
    • 2018-12-27
    • 2014-06-01
    • 2013-11-18
    • 1970-01-01
    相关资源
    最近更新 更多