我无法将 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 devnpm&nbsp;run&nbsp;dev并在 head 标签中添加任何 .blade.php 文件：<link&nbsp;rel="stylesheet"&nbsp;href="{{&nbsp;asset('css/app.css')&nbsp;}}">在身体标签中：<script&nbsp;src="{{&nbsp;asset('js/app.js')&nbsp;}}"></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>