Bootstrap 4模态车身bg颜色烦人的宽度错误

时间:2019-07-03 16:02:31

标签: html css twitter-bootstrap bootstrap-4 bootstrap-modal

我的问题是,当我在Bootstrap模态中将背景色应用于模态主体时,模态主体不会100%着色。

大约0.2像素保留为白色,如下所示。

(看模态主体的右侧)

情况如何:
enter image description here

应该如何:
enter image description here

我设法通过添加style="width: calc(100% + 0.2px);"

来解决此问题

所以我想问为什么会这样?如果有更好的方法可以永久修复此错误。

也许与某些奇怪的box-sizing引导程序设置有关?我真的没有任何线索。

Click here for codepen.

P.S。
如果屏幕上未显示白线,请在查看代码笔时尝试调整浏览器右边框的大小。

编辑:
我在Windows 10上使用Chrome,并且仅使用Bootstrap和jQuery(最新版本)。

EDIT2:
使用Gyazo GIF展示错误:
https://gyazo.com/113cd5a38abdea52ba338039d25e5bff

1 个答案:

答案 0 :(得分:1)

所以我找到了解决此问题的正确方法,显然是因为模态内容默认具有边框。

只需将border-0类添加到modal-content,就可以了。

Click for fixed codepen.