Laravel Bootstrap CSS链接{{asset}}

时间:2018-10-25 00:19:43

标签: html css laravel twitter-bootstrap laravel-5.7

我想知道,为什么在全新的Laravel安装中,以下代码无法将Bootstrap CSS文件与blade.php文件链接起来,所以我认为这是使之正常工作的正确代码:

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

使它起作用的唯一方法是这种方式:

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

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

3 个答案:

答案 0 :(得分:0)

您似乎正在尝试从公用文件夹访问引导CSS文件,但是默认情况下,只有在放置该文件之后,才会存在该文件。

另外,当您使用app.css文件时,所有内容都可以正常工作,因为它是一个已编译的CSS文件,它是引导程序,真字体和其他CSS文件的组合。如果您将VueJ与laravel一起使用,Laravel会保留这些文件。

答案 1 :(得分:0)

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

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

OR

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

注意:如果您的目录结构是这样的,那么它将起作用:/public/css/app.css

答案 2 :(得分:0)

您需要执行:

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>