引导模式导致底层内容左对齐[关闭]答案

【问题标题】：Bootstrap modal causes underlying content to align left [closed]引导模式导致底层内容左对齐[关闭]
【发布时间】：2016-05-13 07:25:20
【问题描述】：

我们的 Bootstrap 模式会导致底层内容左对齐。在 Chrome 上的某些 Macbook 上，这似乎是一个不寻常的问题，而不是其他（我的同事计算机，但不是我的具有相同规格的计算机）。

下面是它的样子。请注意“摘要、兴趣、经验...”菜单，图表被推到最左侧，而它们应该位于页面的中心。

我是一位经验丰富的开发人员，但坦率地说，我很困惑，因为它似乎不是特定于用户代理的。我们正在使用 Bootstrap 4 模态。

【问题讨论】：

【解决方案1】：

这是 Bootstrap(BS) 3.x.x 中的一个已知问题。

看到这个，我只能假设它已经为 BS 3.x.x 修复了，但他们没有设法在 BS4 中解决这个问题。

解决这个问题的技巧是在 html 内容的滚动条上显示模态滚动条。

请尝试使用以下修复，如果它有效，请告诉我。

html {
  overflow: hidden;
  height: 100%;
}
body {
  overflow: auto;
  height: 100%;
}

/* when the model opens */
.modal-open {
 overflow: auto; 
}

modal-open是一个类，当modal打开时分配给body。

【讨论】：