不兼容的单位:'rem'和'px',带有bootstrap 4 alpha 6

Question

我正在尝试实现一个bootstrap 4模板(我使用bootstrap 4 alpha 6)并看到这样的错误:

Incompatible units: 'rem' and 'px'.

排队

$input-height: (($font-size-base * $input-btn-line-height) + ($input-btn-padding-y * 2)) !default;

有人遇到过类似的问题吗？谢谢!

Answer 1

Bootstrap从版本3中的像素(px)移动到版本4中的rem.

在resources/assets/sass/_variables.scss更换:

$font-size-base: 14px; 同 $font-size-base: 1rem;

通常,Bootstrap 4使用'rem'而不是'px'.有关参考,请查看https://github.com/twbs/bootstrap/issues/17070