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