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

Question

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

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

然后我使用以下命令安装Bootstrap-4

composer require twbs/bootstrap:4.0.0-beta.3

我的引导dist目录是

vendor/twbs/bootstrap/dist

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

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

但是Bootstrap-4在我的页面上不工作。现在必须更改哪个文件？

Answer 1

将编写器文件直接复制到公用文件夹通常是不好的做法。.gitignore文件中的/css文件夹不仅是公共的，因此当您移植到生产环境时它将被破坏，而且如果您更新包，任何下载的更新都将不会被应用。

Laravel News已经为Bootstrap 4做了一个前端预置。Laravel 5.6将Bootstrap 4作为一个预置选项，但现在，这是https://laravel-news.com/bootstrap-4-laravel-preset/的方式

您也可以直接从CDN使用Bootstrap

Answer 2

当你通过composer安装bootstrap时，它被放在你的When服务器无法访问的供应商/文件夹中。您必须将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组件。如果这是您关心的问题。