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

Question

我正在尝试使用或在我看来将 bootstrap 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 dev

npm run dev

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

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

在身体标签中：

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

Answer 2

首先，您将转到提示并键入

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>