我想知道,为什么在全新的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">
但是我想用资产来做,所以我想知道什么是正确的方法。
答案 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>