Question

我正在尝试使用以下方式将引导CSS链接到我的Laravel Proyect 或在我看来，但这没有用。

在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>

Answer 2

查看您的描述，您只需要运行npm dev

npm run dev

并添加任何.blade.php文件在头标签中：

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

在体内标签：

<script src="{{ asset('js/app.js') }}"></script>

我无法将Bootstrap 4.1.0链接到我的Laravel项目

2 个答案: