首页 > 代码库 > bootstrap弹窗导致内容区左移

bootstrap弹窗导致内容区左移

用bootstrap在多次弹窗后导致了内容区左移动了,如下:

技术分享

最后只要加上如下代码,就可以了

body{
    padding-right: 0!important;
}

同时,在默认的弹窗是右边的滑轮是不能滑动的

.modal-open {
    overflow: initial;
}

便可以了.modal-open是在弹窗时加在body上的,当然不要滑动就直接改为auto

bootstrap的遮罩层是.modal-backdrop,所以有些在遮罩层上面的肯定不要设置遮罩层的z-index, 如下:

.modal-backdrop{
    z-index: 3;
}

以上就是这些....加油

bootstrap弹窗导致内容区左移