bootstrap多次弹窗导致页面左移,body上多了样式"padding-right: 17px" 解决办法

一、产生原因

bootstrap多次弹窗导致页面左移,屏幕晃动的bug,原因有两个:

1、bootstrap模态框显示时,框架默认给body添加一个padding-right为17px的样式

2、modal-open  的overflow:hidden导致原本有的滚动条消失,窗口重新调整大小,造成屏幕晃动

二、解决办法

body { padding-right: 0px !important; } 

.modal-open { overflow-y: scroll; padding-right: 0 !important;}

上一篇:bootstrap弹框去除遮罩层效果


下一篇:3 Important Tips For Silverlight Development