html - Bootstrap 3.0 模态中断宽度布局

Question

我在引导程序中创建了一个简单的模态，没有任何修改，简单地说：

$('#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;
}

感谢您的关注。