twitter-bootstrap - 如何在移动设备的 Bootstrap 模式上正确显示 reCAPTCHA？

Question

如果我使用 Bootstrap 在模态登录框中创建 reCAPTCHA 并在足够小的移动设备(例如 Galaxy S4)上显示，则会出现 CAPTCHA 的辅助模态，但不允许滚动，导致我无法选择所有图像并提交。

今天我一直在处理关于在 iframe 中更改内容的各种有趣问题。

这是一个 z-index 修复，还是还有更多？

Answer 1

这是因为默认 Bootstrap 不允许您滚动到模态下方，但是 recaptcha 图像选择器出现在折叠下方。我设法通过设置 modal-dialog 的 min-height 属性来实现这一点，以便它考虑到 recaptcha 所需的额外高度。

您可能需要根据模态内内容的大小调整下方的高度:

.modal-dialog {
    min-height: 1000px;
}