未在 Laravel 8 中加载引导程序

wai*_*ira 1 laravel

我刚刚开始使用 Laravel 8,那么由于我的页面没有加载引导程序,我该如何在 Laravel 8 中包含引导程序?

在这种情况下,它不会加载具有正确样式的列表组。

@extends('layouts. app')

@section('content')
    <h1>{{ $title ?? '' }}</h1>
    
    <ul class="list-group">
       <li class="list-group-item">Web design</li>
       <li class="list-group-item">programming</li>
       <li class="list-group-item">SEO</li>
    </ul>
@endsection
Run Code Online (Sandbox Code Playgroud)

Ale*_*tro 7

要在 Laravel 8 中安装 Bootstrap 4,然后安装以下 Laravel UI composer 包以获取命令:

composer require laravel/ui
Run Code Online (Sandbox Code Playgroud)

成功安装上述软件包后,我们就可以安装 Bootstrap 了。

存在两种方法,一种是简单的 Bootstrap 设置安装,另一种是使用 auth 安装 Bootstrap。

安装引导程序 4:

php artisan ui bootstrap
Run Code Online (Sandbox Code Playgroud)

使用 auth 安装 Bootstrap 4

php artisan ui bootstrap --auth
Run Code Online (Sandbox Code Playgroud)

现在您可以看到您的资源目录 JS 文件夹。

您还需要安装 npm 并运行它:

npm install
Run Code Online (Sandbox Code Playgroud)

然后,运行 NPM

npm run dev
Run Code Online (Sandbox Code Playgroud)

现在您可以使用 Bootstrap 4 应用程序。

您可以使用它,包括 Blade 模板标题上的这些行:

<head>
   <script src="{{ asset('js/app.js') }}" defer></script>
   <link href="{{ asset('css/app.css') }}" rel="stylesheet">
</head>
Run Code Online (Sandbox Code Playgroud)

问候