Laravel CSS 和 Bootstrap 不起作用

Question

我创建了一个新的Laravel项目并下载了bootstrapCSS和JS文件并将CSS文件放在resources/css和JS文件中bootstrap 和 popper 以及 jQuery 在 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 并将红色应用到部分元素，我也没有看到任何变化

Answer 1

请按照以下步骤操作

将所有静态资源放入 public 目录
在不同的文件夹中组织您的资产，例如 public/js 用于 js 相关文件，public/css 用于 css 相关文件

然后使用如下辅助方法访问您的文件

<link rel="stylesheet" href="{{ asset('css/bootstrap.min.css') }}">
/* or js files */
<script src="{{ asset('js/jquery-3.6.0.min.js') }}"></script>

Laravel CSS 和 Bootstrap 不起作用

Laravel CSS and Bootstrap doesn't working

php

backend

laravel