twitter bootstrap 3 模态为非模态

Question

有没有办法让 bootstrap 模态对话框成为非模态对话框？

我将 angular bootstrap 与 backdrop: false 一起使用，但弹出窗口是模态的，即使背景是透明的。我无法使用该弹出窗口下的控件。

在 this example 中，我不希望在弹出窗口可见时在输入中使用更改文本

Answer 1

看起来您需要覆盖 modal 和 modal-dialog 类 的 CSS； .modal TRBL 0000 设置仍然具有类似背景的效果：

.modal {
  top: initial;
  right: initial;
  bottom: initial;
  left: initial;
  width:100%;
  /* Looks same, but now you can click. See with: */
  top:20px;
}

.modal-dialog {
  margin:0;
}

请注意，您无法在 .modal-dialog 的页边距下方单击，因此最好将您的位置放在 .modal 中。抱歉，我没有更干净的解决方案，希望知道原因会有所帮助（也许在回调中调整 JS 中的高度和宽度会更好）。

分叉 Fiddle：https://jsfiddle.net/stsod93a