Laravel Bootstrap CSS Link {{ 资产 }}

Question

我想知道，为什么在全新Laravel安装时，下面的代码没有linkBootstrapCSS文件跟blade.php文件，这是我认为使其工作的正确代码：

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

我让它工作的唯一方法是这样的：

<link rel="stylesheet" type="text/css" href="/public/css/app.css">

但是我想用资产来做，所以我想知道什么是正确的方法。

Answer 1

您似乎正在尝试访问 public 文件夹中的 bootstrap CSS 文件，但默认情况下，在您放置文件之前没有文件。

此外，当您使用 app.css 文件时，一切正常，因为它是一个编译的 CSS 文件，它是 bootstrap、font awesome 和其他 [=15] 的组合=] 文件。 Laravel 如果您将 VueJs 与 laravel 一起使用，则保留这些文件。

Answer 2

您可以使用以下选项之一：

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

或

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

注意：如果您的目录结构如下：/public/css/app.css

Answer 3

您需要执行：

npm install bootstrap

等待然后执行：

npm run dev

它将sass和所有依赖文件编译成app.css和app.js 然后你需要将它包含到任何 blade.php 文件

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

Laravel Bootstrap CSS Link {{ asset }}