Question

我尝试使用Bootstrap 3.2.0创建对话框。我让他们工作得很好，除了那些我想要无模式的人。我已将data-backdrop属性设置为false，并且我尝试了一些我在网上找到的建议，例如分离焦点事件：

$(document).off("focusin.bs.modal");

和/或从modal-open代码中删除body类。

完成这些操作后，您仍然可以在窗口中看到内容，但用户根本无法在Chrome和Firefox中与其进行互动，而在IE 10中则可以达到某种程度。

是否可以使用Bootstrap创建真正的无模式对话框？

Answer 1

是的，它可以完成。见this functioning demo

在模态div上添加一个无模式的类：

<div class="modal fade modeless" ...

然后为它添加CSS：

.modeless{
    top:10%;
    left:50%;
    bottom:auto;
    right:auto;
    margin-left:-300px;
}

请注意margin-left是它的中心。对于超过768px宽的屏幕，bs模态的默认大小为600px。您需要针对您使用的任何大小模式调整它，如果需要，可能需要添加一些媒体查询来覆盖断点。

HTH -Ted