不相容单位：“REM”和“像素”与自举4阿尔法6

Question

我试图实现自举4模板（I使用自举4阿尔法6）和看到这样的错误：

Incompatible units: 'rem' and 'px'. 

在线路

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

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

Answer 1

引导从3版本中的像素（PX）移动到REM在版本4

在resources/assets/sass/_variables.scss取代：

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

通常，自举4种用途 'REM'，而不是'PX'。作为参考，看看https://github.com/twbs/bootstrap/issues/17070

Answer 2

出现这种情况，因为Laravel 5.4默认使用一个variables.scss与3.3.X版本引导兼容。

自举4，只是删除3.3.X变量的导入文件中

resouces /资产/上海社会科学院/ app.scss

与

取代

// Variables 
@import "variables"; 

// Variables 
@import "~bootstrap/scss/variables"; 

希望有帮助！