防止 Bootstrap 模式禁用页面的其余部分

Question

打开的 bootstrap 模式似乎禁用了页面其余部分的任何交互，例如单击、拖动等。

如何更改此行为以允许此类交互？

对于 jquery-ui，这将通过将 modal 选项设置为 false 来实现。

Answer 1

bootstrap 2

http://jsfiddle.net/h3WDq/486/

添加此属性：role="menu" data-backdrop="false" 到 class="modal

例如：

<div id="myModal1" class="modal hide" tabindex="-1" role="menu" data-backdrop="false">

bootstrap 3

http://jsfiddle.net/hc1yebkx/3/

使用css:

.modal {
   height:auto; bottom:auto;
   width: 400px;
   margin-left: 200px;/* half of the additional width.*/    
}

Prevent Bootstrap Modal from Disabling Rest of Page