bootstrap彈出模態框會給body加padding的解決方法

bootstrap彈出模態框會給body加padding，導致頁面縮放的解決方法：

在頁面或是css文件里加上（$paddingSize為less變量，需要改成像素或是其他單位，如12px,1rem）：

body{

padding: $paddingSize !important;

}

這樣在沒有滾動條的情況下解決了。頁面有滾動條的情況下頁面還是會縮放。

原理是彈出時，bootstrap 給body上加了modal-open這個樣式。

.modal-open的代碼如下：

.modal-open {

　　 overflow: hidden;

}

這樣的好處是，彈縮后頁面隱藏滾動條，讓無法滾動。

如果重寫：

.modal-open {

　　overflow: auto !important;

}

可以不縮放頁面，但是頁面在有彈窗的時候還會存在滾動條。

 

看自己如何取舍了。