我使用了创建了一个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无法在我的页面上运行。现在必须更改哪个文件?
将composer文件直接复制到公用文件夹通常是不好的做法。 .gitignore文件中的public / css文件夹不仅会在您移植到生产时中断,因此如果更新软件包,则不会应用任何下载的更新。
Laravel News为Bootstrap 4制作了前端预设.Laravel 5.6将Bootstrap 4作为预设选项,但是现在,这是去https://laravel-news.com/bootstrap-4-laravel-preset/的方法
您也可以直接从CDN使用Bootstrap
当您通过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组件。如果这是您关注的问题。