Question

我有这样的bootstrap模式：

  <div class="modal show" id="myModal" role="dialog" data-keyboard="true" data-backdrop="true">
    <div class="modal-dialog">

      <!-- Modal content-->
      <div class="modal-content">

        <div class="modal-body">
          <p>Some text in the modal.</p>
        </div>

      </div>

    </div>
  </div>

它给了我一个很好的模态。

这里我首先使用show来初始化模态。现在，当我的模态被初始化并且我在模态之外单击时它不会关闭。

这可能是什么问题

Answer 1

data-backdrop="static"这个值为'static'的属性将阻止关闭模态。

data-keyboard="false"此属性可以通过按Esc键来阻止关闭模式。

Answer 2

使用适当的引导程序类，现在就可以了，

[https://jsfiddle.net/DTcHh/19519/][1]


  [1]: https://jsfiddle.net/DTcHh/19519/

由于

在外面点击时，bootstrap模态显示关闭

2 个答案: