bootstrap模态奇怪的行为：只覆盖所有页面

Question

我使用bootstrap 3.3.2的compliled版本作为gallery项目。 我的编译版本的boostrap的json文件可以在这里访问：http://getbootstrap.com/customize/?id=708118d9dd92604683a8

我想在模态中显示一些信息，但它不能很好地工作。 我在这里使用代码示例：http://getbootstrap.com/javascript/#modals-examples我的页面可以在这里访问：http://test.vincentbourganel.fr/20140629-vacances-ete-corse/_mg_1281.jpg.html（模式位于“i”图标上）。

当打开模态时覆盖冻结所有屏幕（模态的内容无法访问）。

你能帮我解决这个问题吗？ 提前致谢

Answer 1

您的模态叠加重叠模态内容。以下是增加模态z-index的快速解决方法：

.modal-dialog {
  z-index: 1040;
}

Answer 2

此问题已通过Bootstrap 3.3.4修复。