Я не могу связать Bootstrap 4.1.0 с моим проектом Laravel

Question

Я пытаюсь связать загрузочную css с моим проектом Laravel, используя или, на мой взгляд, но это не работает.

В классе scss я пробовал это:

  @import 'node_modules/bootstrap/scss/bootstrap' or @import '~bootstrap/scss/bootstrap';

В классе просмотраЯ попробовал это:

 <!--<link rel="stylesheet" type="text/css" href="css/app.css"/>-->
or <link rel="stylesheet" type="text/css" href="{{url('css/app.css')}}"/>

Мой класс scss выглядит так:

@import url('https://fonts.googleapis.com/css?family=Nunito');

@import 'variables';

@import '~bootstrap/scss/bootstrap';

//@import 'node_modules/bootstrap/scss/bootstrap';

@import 'custom';

Они показывают любые ошибки, но не загружают стили начальной загрузки

Answer 1

Прежде всего, вам нужно перейти к вашему приглашению и набрать

npm install bootstrap@4.1.0

Затем в файле bootstrap.js внутри оператора try введите:

require ('bootstrap');

В вашем файле app.scss

@import '~bootstrap/scss/bootstrap';

Пробег:

npm run dev

По вашему мнению

<link rel="stylesheet" href="{{ asset('css/app.css') }}">
<script src="{{ asset('js/app.js') }}"></script>