无法使引导对话框无模式答案

【问题标题】：Can't make bootstrap dialog modeless无法使引导对话框无模式
【发布时间】：2015-04-27 16:42:05
【问题描述】：

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

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

和/或从body 标记中删除modal-open 类。

完成这些操作后，你仍然可以在窗口中看到内容，但用户在 Chrome 和 Firefox 中根本无法与之交互，而在 IE 10 中则可以。

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

【问题讨论】：

【解决方案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 是它的中心。对于宽度超过 768 像素的屏幕，bs 模式的默认大小为 600 像素。您需要根据您使用的任何大小的模态对其进行调整，如果需要，添加一些媒体查询以覆盖断点可能是个好主意。

HTH-泰德

【讨论】：