Bootstrap 3.0 模态中断宽度布局

Question

我在 bootstrap 中创建了一个简单的 Modal，没有任何修改，简单地说：

$('#myModal').modal({backdrop:false})

但是当模式打开时它比浏览器更宽，无论窗口大小如何，都会创建一个 20px 左右的空间。

关于为什么会发生这种情况的任何想法，我的布局基于 Jumbotron 模板，没有什么独特之处，主要是颜色变化。

Answer 1

我为遇到此问题的其他人找到了答案。

body.modal-open,
.modal-open .navbar-fixed-top,
.modal-open .navbar-fixed-bottom {
  margin-right: 15px;
}

在 bootstrap.css 中

在您的主题样式表集中：

body.modal {
    margin: 0;
}

感谢收看。