Installation de Bootstrap 4 avec Laravel 5.7
J'essaie de compiler mon fichier app.scss fourni avec mon nouveau projet de Laravel, mais je souhaite installer Bootstrap 4. Au moment de le faire, mon npm run dev n'installe pas Bootstrap 4, mais il possède toujours le Bootstrap que Laravel apporte. défaut.
Des recommandations ou de la documentation pour cela?
En fait, Laravel est livré avec Bootstrap 4 par défaut. Si vous regardez https://github.com/laravel/laravel/blob/master/package.json file (vous devriez également avoir package.json dans votre projet), vous verrez la ligne:
"bootstrap": "^4.0.0"
ce qui signifie que Bootstrap 4 sera installé.
Tu devrais courir
npm install
pour installer tous les packages et par défaut, il installera Bootstrap 4.
Ce signe ~ signifie ici le répertoire node_modules donc en ligne
@import "~bootstrap/scss/bootstrap"
veux dire
@import "node_modules/bootstrap/scss/bootstrap"
Si vous regardez dans le fichier welcome.blade.php de Laravel, vous pouvez voir du code CSS et une balise de lien qui importe une police Google. Cela ne doit pas être confondu avec réellement importer Bootstrap 4.
Voici la marche à suivre pour implémenter Bootstrap 4 et toutes les autres choses sympas fournies par défaut avec Laravel. Il semble déjà que vous ayez exécuté npm run watch, donc je vais supposer que vous avez exécuté cette commande.
Étapes simples
Ajoutez une balise de lien à votre élément head:
<link rel="stylesheet" href="css/app.css">
Ajoutez ce qui suit au bas de votre élément body:
<script src="js/app.js" charset="utf-8"></script>
Cela devrait le faire pour vous. Assurez-vous cependant que vous avez compilé les fichiers SCSS et Javascript avec la commande npm run watch, sinon cela ne fonctionnera pas!
À votre santé!