Javascript 着色引导对话框

我正在使用创建引导模态。下面是我如何创建一个示例：

bootbox.dialog({message: "hello"});

我的问题是渲染对话框有点被禁用（所有屏幕都有阴影），我无法单击它，甚至

ESC

也无法使模式消失

当我在浏览器中检查对话框元素时，我看到的是：

<div class="bootbox modal fade in" tabindex="-1" role="dialog" style="display: block;" aria-hidden="false">
  <div class="modal-backdrop fade in" style="height: 321px;"></div>
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-body">
        <button type="button" class="bootbox-close-button close" data-dismiss="modal" aria-hidden="true" style="margin-top: -10px;">×</button>
        <div class="bootbox-body">hello</div>
      </div>
    </div>
  </div>
</div>

×
你好

---

我用bootbox示例进行了检查，它看起来与已使用的CSS类相同。那么这里出了什么问题？

我必须添加以下CSS来解决问题：

.modal-backdrop.fade.in {
  z-index: 0;
}