Как использовать bootstrap 4 в Laravel 5.4?

Я установил bootstrap 4 с помощью npm в моем приложении laravel. Но я думаю, что bootstrap 3 работает за не bootstrap 4.
использование команды:

    установка npm
    установка npm bootstrap@4.0.0-alpha - ... 6

Я оставил что-то делать? Или мне нужно вручную импортировать bootstrap в assets/sass / app.файл scss или еще?

10
laravel laravel-5.4 twitter-bootstrap

3 ответов

вы должны вручную изменить ссылку на bootstrap из resources/assets/sass/app.scss. Вы увидите эту строку

@import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap";

заменить на

@import "node_modules/bootstrap/scss/bootstrap";
16

do течет с новым или пустым что Laravel.

  • удалите запись bootstrap из package.json и замените его на "bootstrap": "4.0.0-alpha.6".
  • на resources/assets/sass/app.scss, comment на import of variables.
  • измените путь bootstrap на @import "node_modules/bootstrap/scss/bootstrap.scss";

  • на resources/assets/js/bootstrap.js искать require('bootsrap-sass'); и меняем его на require('bootstrap');

  • принесите javascript путем редактирования 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. */

  • выполнить $ npm install

  • Регистрация на bootstrap и jquery - это правильно установить. Если не установить, установите вручную.

  • для bootstrap4 $ npm install bootstrap@4.0.0-alpha.6

  • для jquery $ npm install jquery

если все пойдет хорошо, вы должны быть в состоянии работать npm run dev.

Примечание: Если вам нужен tether.js затем использовать cdn или установить вручную. Потому что bootstrap@4 требуются tether.js на tooltip.

источник

10

вам нужно прокомментировать @import "variables"; строку с resources/assets/sass/app.scss

директива импорта вызывается 2 раза, один в app.scss а потом в ушко.scss файл из каталога установки

1