<div class="modal show">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">     

    <h4 class="modal-title">Modal title</h4>
     </div>
     <div class="modal-body">
      <p>One fine body&hellip;</p>
  </div>

  </div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->

我觉得这个密码本可以帮到你 防止模态关闭CSS和引导

如果你需要在模态显示后进行设置，你可以使用@Nabid解决方案。然而，有时你仍然需要允许一些方法关闭模式。假设你有一个带有really-close-the-modal类的按钮，它应该真正关闭模式，你可以使用下面的代码(jquery):

var closeButtonClicked = false;

$('.really-close-the-modal').on('click', function () {
    closeButtonClicked = true;
});

$('#myModal').on('hide.bs.modal', function (e) {
    if (!closeButtonClicked) {
        e.preventDefault();
        e.stopPropagation();
        return false;
    }
    closeButtonClicked = false;
});

这不是很好的代码设计，但它帮助我在一个情况下，模态显示加载器动画，直到ajax请求返回，只有那时我才能知道是否需要配置模态，以防止“隐式”关闭。您可以使用类似的设计来防止在仍在加载时关闭模式。

<button class="btn btn-primary btn-lg" data-backdrop="static" data-keyboard="false" data-target="#myModal" data-toggle="modal">

<div class="modal show">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">     

    <h4 class="modal-title">Modal title</h4>
     </div>
     <div class="modal-body">
      <p>One fine body&hellip;</p>
  </div>

  </div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->

我觉得这个密码本可以帮到你 防止模态关闭CSS和引导

如果你需要关闭外面的点击，但允许按下退出

$('#myModal').modal({
    backdrop: 'static',   // This disable for click outside event
    keyboard: true        // This for keyboard event
})

只需在该模式中添加data- background ="static"和data-keyboard="false"属性即可。

Eg.

<a data-controls-modal="your_div_id" data-backdrop="static" data-keyboard="false" href="#">