html - Bootstrap 4 modal-body bg-color 带有宽度的恼人错误

Question

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

大约 0.2px 留白，如下所示。

(看模态主体的右侧)

情况如何:

它应该如何:

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

来解决这个问题

所以我想问一下为什么会这样？如果有更好的方法 -perma- 修复此错误。

也许这与 Bootstrap 的一些奇怪的 box-sizing 设置有关？我真的没有任何线索。

Click here for codepen.

附言
如果屏幕上没有显示白线，请在查看代码笔时尝试调整浏览器右边框的大小。

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

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

Answer 1

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

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

Click for fixed codepen.