不相容单位:“REM”和“像素”与自举4阿尔法6
我试图实现自举4模板(I使用自举4阿尔法6)和看到这样的错误:不相容单位:“REM”和“像素”与自举4阿尔法6
Incompatible units: 'rem' and 'px'.
在线路
$input-height: (($font-size-base * $input-btn-line-height) + ($input-btn-padding-y * 2)) !default;
有人遇到过类似的问题吗? 谢谢!
引导从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
已经设置为1 rem。 –
出现这种情况,因为Laravel 5.4默认使用一个variables.scss与3.3.X版本引导兼容。
自举4,只是删除3.3.X变量的导入文件中
resouces /资产/上海社会科学院/ app.scss
与
取代// Variables
@import "variables";
// Variables
@import "~bootstrap/scss/variables";
希望有帮助!
我认为一个更好的解决方案是编辑''resources/assets/sass/_variables.scss''的内容而不是导入(已导入)''node_modules/bootstrap/scss/_variables.scss''文件。 – ub3rst4r
同样的问题在这里 –