允许用户在引导模式之外进行交互答案

【问题标题】：Allow user to interact outside of bootstrap modal允许用户在引导模式之外进行交互
【发布时间】：2016-09-07 05:02:07
【问题描述】：

在显示bootstrap modal 时，是否有一种快速简便的方法允许用户与我的网页（在模式之外）进行交互？我正在使用引导程序的第 3 版。这也不会导致我通过将backdrop 设置为false 来实现的模式关闭。

【问题讨论】：

也许可以试试stackoverflow.com/questions/37088897/…的答案
@s0rfi949 谢谢。我还没有得到这个答案，但我正在使用它。这就是我正在寻找的东西。

标签： javascript html css twitter-bootstrap

【解决方案1】：

使用 cmets 中引用的答案，我创建了这个 css 类并将其添加到模态 div 中。

.modal-allow-interact {
   position: absolute;
   top:50px;
   left: 0;
   right: 0;
   bottom: auto;
   width: 800px;  /* this can be however wide you want the modal to be */
   margin: 0 auto;
}

.modal-allow-interact .modal-dialog {
   margin: 0;
}

【讨论】：