从另一个boostrap模态打开boostrap模态使得body永久地填充正确

Question

我在同一页面中有2个引导模式：#modal1和#modal2。点击#modal2上的显示按钮即可切换#modal1。

这是我的javascript代码：

$('#modal1 .show-btn').on('click', function(){
    $('#modal2').modal('show');
});

问题是，当#modal2打开和关闭时，CSS规则padding-right: 16px;会永久添加到正文标记中。

切换padding-right时有没有办法阻止#modal2？

Answer 1

如果您不需要动画，可以尝试从模态中删除.fade类，我听说这可能会有所帮助。或者您可以简单地使用一些CSS3魔法并阻止将padding-right完全添加到body元素中：

body { padding-right: 0 !important }

或类似的内容，以防止在模型打开时添加padding-right：

.modal-open {
   padding-right: 0px !important;
}