unités incompatibles: 'rem' et 'px' avec bootstrap 4 alpha 6

Question

Je suis en train de mettre en oeuvre un modèle (j'utilise bootstrap 4 alpha 6) d'amorçage 4 et de voir une telle erreur:

Incompatible units: 'rem' and 'px'. 

en ligne

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

Quelqu'un at-il rencontré un problème similaire? Merci!

Answer 1

Bootstrap déplacé de pixels (px) dans la version 3 de rem dans la version 4.

En resources/assets/sass/_variables.scss remplacer:

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

En général, Bootstrap 4 utilisations de la rem "au lieu de 'px'. Pour référence, regardez https://github.com/twbs/bootstrap/issues/17070

Answer 2

Cela se produit, comme Laravel 5.4 par défaut utilise un variables.scss compatible avec le 3.3.X version de Bootstrap.

Pour Bootstrap 4, supprimez l'importation des variables 3.3.X fichier dans

resouces/actifs/SASS/app.scss

et remplacer

// Variables 
@import "variables"; 

avec

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

Espérons que ça aide!