html - 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;
}

感谢您的关注。