防止Bootstrap模式禁用其余页面

Question

开放式引导模式似乎禁用了任何交互，例如在页面的其余部分点击，拖动等。

如何更改此行为，例如允许此类互动？

使用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.*/    
}