不相容單位：「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"; 

希望有幫助！