3

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

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

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

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

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

4

1 回答 1

1

是的，它可以实现。看到这个功能演示

在模态 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-泰德

于 2015-04-29T13:51:52.800 回答