使用composer将Bootstrap-4安装到Laravel 5.5

问题描述 投票:1回答:2

我使用了创建了一个Laravel项目

composer create-project --prefer-dist laravel/laravel myProject

然后我安装了Bootstrap-4

composer require twbs/bootstrap:4.0.0-beta.3

我的bootstrap dist目录是

vendor/twbs/bootstrap/dist

我将bootstrap-min.css复制到public / css目录。然后我在头部标签中添加了这一行

<link href="{{ asset('css/bootstrap.min.css') }}" rel="stylesheet">

但Bootstrap-4无法在我的页面上运行。现在必须更改哪个文件?

laravel bootstrap-4 laravel-5.5
2个回答
1
投票

将composer文件直接复制到公用文件夹通常是不好的做法。 .gitignore文件中的public / css文件夹不仅会在您移植到生产时中断,因此如果更新软件包,则不会应用任何下载的更新。

Laravel News为Bootstrap 4制作了前端预设.Laravel 5.6将Bootstrap 4作为预设选项,但是现在,这是去https://laravel-news.com/bootstrap-4-laravel-preset/的方法

您也可以直接从CDN使用Bootstrap


1
投票

当您通过composer安装bootstrap时,它会放在供应商/文件夹中,您的网络服务器无法访问它。您必须将css和js复制或符号链接到您的public /目录中:

cp vendor/twbs/bootstrap/css/bootstrap.min.css public/css/bootstrap.min.css
cp vendor/twbs/bootstrap/js/bootstrap.min.js public/js/bootstrap.min.js

由于bootstrap是前端依赖,我会使用gulp或Symfony的Webpack Encore来管理这个:https://symfony.com/doc/current/frontend/encore/bootstrap.html

Webpack Encore是一个独立的组件,在您的laravel应用程序中不需要任何修改,并且据我所知不依赖于任何其他Symfony组件。如果这是您关注的问题。

© www.soinside.com 2019 - 2024. All rights reserved.