我新建了一个Laravel项目，下载了bootstrap的CSS和JS文件，把CSS文件放到了resources/CSS中，把bootstrap的、popper的和jQuery的JS文件放到了resources/JS中，在welcome.blade.php中我把CSS文件和JS文件像这样链接起来
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Osama The Coder</title>
<link rel="stylesheet" href="{{ asset('css/bootstrap.min.css') }}">
<link rel="stylesheet" href="{{ asset('css/app.css') }}">
</head>
<body>
<section class="text-danger">
Hello World
</section>
<script src="{{ asset('js/jquery-3.6.0.min.js') }}"></script>
<script src="{{ asset('js/popper.min.js') }}"></script>
<script src="{{ asset('js/bootstrap.min.js') }}"></script>
</body>
</html>
当我打开项目时，它只是没有任何样式或Bootstrap字体族的文本甚至当我链接app.css并将color red应用到section元素时，我也没有看到任何变化
请按照以下步骤操作
-
把你所有的静态资源放到公共目录
-
将你的资产组织到不同的文件夹中，例如public/js用于存放js相关文件，public/css用于存放css相关文件
-
然后使用下面的helper方法访问您的文件
<link rel="stylesheet" href="{{ asset('css/bootstrap.min.css') }}"> /* or js files */ <script src="{{ asset('js/jquery-3.6.0.min.js') }}"></script>