Question

我使用

创建了一个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无法在我的页面上运行。现在必须更改哪个文件？

Answer 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组件。如果这是您关注的问题。

Answer 2

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

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

你也可以直接从CDN使用Bootstrap