Extension de bootstrap dans l'application create rea

Question

Je suis en train d'essayer d'étendre les classes boostrap dans mon fichier sass. Je compile mon sass comme dans ce example.

J'ai copié les fichiers boostrap dans mon dossier /src.

Cependant, en utilisant cet exemple de base:

@import "bootstrap/*"; 

.header{ 
    @extend .container; 
    background-color:red; 

} 

Je reçois l'erreur:

{ "status": 1, "fichier": « C:/sites/mharrisweb-redux /src/sass/style.scss ", " line ": 1, " column ": 1, " message ":" Fichier à importer introuvable ou illisible: bootstrap/. \ nParent feuille de style: C:/sites/mharrisweb-redux/src/sass/style.scss ", " formaté ":" Erreur: Fichier à importer introuvable ou illisible: bootstrap/. \ n Feuille de style parent: C: /sites/mharrisweb-redux/src/sass/style.scss \ n sur la ligne 1 de src/sass/style.scss \ n >> @import \ "bootstrap/* \"; \ n^\ n » }

Answer 1

Si vous avez cette structure de fichier:

src     
    bootstrap 
    sass 
    style.scss      

vous devez utiliser:

Si vous avez installé Bootstrap à l'aide du gestionnaire de paquets (npm ou yarn), vous pouvez utiliser:

@import "~bootstrap/scss/bootstrap";