在Laravel 8中不加载bootstrap

wf82jlnq 于 11个月前发布在 Bootstrap

关注(0)|答案(6)|浏览(184)

我刚刚开始使用Laravel 8，那么我如何在Laravel 8中包含bootstrap，因为我的页面没有加载bootstrap？
在这种情况下，它不会加载具有正确样式的列表组。

@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

字符串

laravel

来源：https://stackoverflow.com/questions/64025619/not-loading-bootstrap-in-laravel-8

6条答案

按热度按时间

woobm2wo1#

在Laravel 8中安装Bootstrap 4，然后安装以下Laravel UI composer包以获取命令：

composer require laravel/ui

字符串
成功安装上述软件包后，我们就可以开始安装Bootstrap了。
有两种方法可以做到这一点，一种是简单的Bootstrap设置安装，另一种是使用auth安装Bootstrap。
安装Bootstrap 4：

php artisan ui bootstrap

型
安装Bootstrap 4 with auth

php artisan ui bootstrap --auth

型
现在你可以看到你的资源目录JS文件夹。
你还需要安装npm并运行它：

npm install

型
然后运行NPM

npm run dev

型
现在，您可以使用Bootstrap 4应用程序。
您可以在Blade模板的标题中包含这些行：

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

型
问候

赞(0）回复(0）举报 11个月前

r7knjye22#

如果您想在laravel 8安装中安装 Bootstrap

composer require laravel/ui

字符串
然后使用auth或not安装bootstrap

php artisan ui bootstrap (--auth)

型
在那之后，你需要写

npm install && npm run dev

型
与laravel 7相同的步骤
所有最好的

赞(0）回复(0）举报 11个月前

vwkv1x7d3#

最简单的方法

从@extends('layouts. app')到@extends('layouts.app')删除白色空间
然后将这一行放在resource\view\layouts\app.blade.php中

<script src="{{asset('bootstrap/js/bootstrap.bundle.min.js')}}"></script>

字符串
并将此文件放在公用文件夹中直接引导

赞(0）回复(0）举报 11个月前

alen0pnh4#

Laravel 8正在放弃bootstrap并实现Tailwind CSS。
我推荐学习和使用顺风css。
这可以很容易地安装：

npm install

npm install -D tailwindcss

npx tailwindcss init

字符串
Laravel Tailwind CSS文档
Tailwind CSS

赞(0）回复(0）举报 11个月前

r9f1avp55#

我跑

composer require laravel/ui

字符串
然后

php artisan ui bootstrap

型
然后

npm install and npm run dev

型

赞(0）回复(0）举报 11个月前

8fq7wneg6#

当你从头开始构建网站时，我使用了旧的方法，这很有效，我使用了bootstrap.min.css，bootstrap.min.js和laravel公共文件夹中的jquery文件，并将这些文件链接到index.blade.php

<script src="{{ asset('js/jqueryv3_9_0.js') }}" defer></script>
<script src="{{ asset('js/bootstrap.mini.js') }}" defer></script>
<link href="{{ asset('css/bootstrap.mini.css') }}" rel="stylesheet">

字符串

赞(0）回复(0）举报 11个月前

我来回答

在Laravel 8中不加载bootstrap

6条答案

相关问题

热门标签

最新问答