我無法將 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 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

並在 head 標簽中添加任何 .blade.php 文件：

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

在身體標簽中：

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