Tag: twitter bootstrap 3

（响应）桌面宽度不适合ios Safari浏览器内的iframe容器

我有一个在iPhone的Safari浏览器里面的iframe的渲染问题。 这里是例子： http : //jsfiddle.net/qb86ojms/ 如果你运行在桌面浏览器（较小的尺寸）或android chrome，它运作良好。 表格不会超过它的容器。 但是，在iPhone上，它不能正常工作。 PS创build这个响应表的方式只是我在谷歌上find的一个例子。 我使用这个只是因为它更容易显示我遇到的问题。 我实际上使用引导响应表。 事实上，iPhone上都不行。 因此，我认为桌子如何响应并不重要。 问题应该更多的是如何强制表宽度100％来匹配容器的宽度。 我已经尝试过的东西，但不起作用： 1。 table{ table-layout: fixed; } 添加溢出：隐藏到表中。 在iframe完成加载之后将表格宽度调整为100％。

jQuery点击不工作在iOS？

我已经添加了一些简单的JavaScript到一个网站： jQuery(document).click(function(){ alert('click'); }); …只有当有人点击一个实际的锚元素，button元素，或用cursor: pointer;时，才会在iOS中触发cursor: pointer; CSS。 具体来说，我看到这与Bootstrap 3固定的导航栏菜单。 当它开放时，我补充说： jQuery(document).click(function(){ jQuery('#navbar-collapse.collapse.in').collapse('hide'); }); 确保无论点击何处都会closures。 这不适用于iOS（在iPhone 4，iPhone 6/6 +和iPad上validation）。 看来，jQuery点击事件只注册“可点击”元素（A，BUTTON等）或元素与cursor: pointer; CSS或onClick='…something…'或者甚至onClick='' HTML属性。 所以，我的问题。 这只是我吗？ 有没有其他人看到这个？

如果您触摸input字段，Bootstrap 3模式与iPhone上的长表单不会滚动

我使用的Bootstrap 3，我有一个很长的forms，用户将需要滚动到所有的领域。 发生什么事是如果你触摸input字段开始你的滚动只是locking。 这在Android手机上不会发生。 我不能给你一个链接到我的确切的代码，但如果你去这里，点击iPhone上的第一个演示，你会看到发生了什么： http : //jschr.github.io/bootstrap-modal/ 我不知道是否有一些方法可以让input字段有一些触摸事件，允许滚动或什么。 任何input都会有帮助。 另外，xcode中的iphone模拟器显示了同样的事情。

Bootstrap 3 iPad下拉不起作用

我有一个简单的Bootstrap 3下拉菜单，可以在我testing过的所有浏览器（Chrome，FF，IE，Chrome上的Android）上运行，但是它不适用于Safari或iPad上的Chrome（ios 7.04）。 我认为这是一个与ontouchstart的问题，正如其他一些处理Bootstrap 2的post所build议的，但是我用本地文件试过了，并且没有成功： Bootstrap折叠的菜单链接无法在移动设备上使用 我也不想要一个解决scheme，我必须修改原来的JavaScript文件，因为我们目前正在从CDN拉。 我在这里创build了一个简单的代码片段来testing： http : //www.bootply.com/104124