Javascript 引导引导盒覆盖

我正在为我的应用程序使用引导盒插件

像这样的

bootbox.dialog({
  message: "I am a custom dialog",
  title: "Custom title",
  buttons: {
    success: {
      label: "Success!",
      className: "btn-success",
      callback: function() {
        Example.show("great success");
      }
    },
    danger: {
      label: "Danger!",
      className: "btn-danger",
      callback: function() {
        Example.show("uh oh, look out!");
      }
    },
    main: {
      label: "Click ME!",
      className: "btn-primary",
      callback: function() {
        Example.show("Primary button");
      }
    }
  }
});

我所遇到的问题是，模态被打开了，当模态被打开时，一些动态的东西被添加到消息中，它会在页面的下方，但不透明元素黑色保持不变

---

请检查图片，我有一个问题：（

这更像是引导模式问题，而不是引导框问题

最干净的解决方案是约束模式的内容，而不是试图覆盖引导的覆盖工作方式。因此，下面是一个包含大量内容的JSFIDLE示例：

如果我们向容器中添加一个简单的CSS规则集，我们可以轻松地将模式约束为可用大小，如图所示：

---

您使用的选择器应该是返回动态内容的任何容器。

您可以使用JSFIDLE显示您的代码吗..您使用的是什么版本的引导程序？在v3.3.4中解决了一个已知问题（15881:Modal:Fix Background在高度更改时不重新调整）。

.dynamic-modal-content
{
    max-height: 300px;
    overflow: auto;
}