Comment utiliser bootstrap 4 dans Laravel 5.4?

Ne circulant à vide ou nouveau Laravel projet.

• supprimer l'entrée bootstrap de package.json et le remplacer par "bootstrap": "4.0.0-alpha.6".
• resources/assets/sass/app.scss,comment le importvariables.
• changez le chemin de bootstrap en @import "node_modules/bootstrap/scss/bootstrap.scss";

• resources/assets/js/bootstrap.js qui regarde require('bootsrap-sass'); et remplacez require('bootstrap');

• apportez le javascript en modifiant le webpack.mix.js.

JavaScript

mix.js([
    'node_modules/jquery/dist/jquery.min.js',
    'node_modules/bootstrap/dist/js/bootstrap.js',
    'resources/assets/js/app.js'], 'public/js');
mix.sass('resources/assets/sass/app.scss', 'public/css')
    .sass('resources/assets/sass/admin.scss', 'public/css/admin'); /* If you want to make admin css file. */

• exécuter $ npm install

• Case node_modules dossier bootstrap et jquery est installé correctement. Si pas installer puis l'installer manuellement.

• Pour bootstrap4 $ npm install bootstrap@4.0.0-alpha.6

• pour jquery $ npm install jquery

si tout va bien, vous devriez pouvoir courir npm run dev.

Remarque: Si vous avez besoin d' tether.js puis utilisez cdn ou installer manuellement. Parce que bootstrap@4tether.jstooltip.

Source

Vous avez besoin de commenter l' @import "variables"; ligne resources/assets/sass/app.scss

la directive import est appelée 2 fois, une fois en app.scss puis dans le bootstrap.fichier scss du répertoire d'installation