php - 我无法将 Bootstrap 4.1.0 链接到我的 Laravel 元素

Question

我正在尝试将 bootstrap css 链接到我的 Laravel proyect 使用或者在我看来它不起作用。

在 scss 类中我试过这个:

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

在 View 类中我尝试了这个:

 <!--<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';

它们会显示任何错误，但不会加载 Bootstrap 样式

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>