Bootstrap的基本字体大小设置为14px时，复选框边距不正确

Question

我正在使用Bootstrap 4.1.3，并将基本字体大小从16px减小到14px：

$font-size-base: 0.875rem;

不幸的是，这放错了checkboxes：

它们的样式为margin-top: .3rem;，但在浏览器中计算为4.8像素，即16像素的0.3。计算值应为4.2px。

这是怎么了？