javascript - 引导模式导致底层内容左对齐

Question

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

下面是它的样子。注意“Summary, Interests, Experience...”菜单，图表被推到最左边，而它们应该在页面的中心。

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

score 1 · Accepted Answer

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

看着这个，我只能假设它已经为 BS 3.xx 修复，但他们没有设法在 BS4 中涵盖这一点。

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

请尝试使用以下修复并让我知道它是否有效。

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

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

modal-open是在打开模式时分配给正文的类。

1 回答 1