Laravel 5.5 的 Bootstrap 4 预设

您可以使用我们的全新 Bootstrap 4 前端预设 开始在 Laravel 5.5 中使用 Bootstrap 4 beta 版。该预设包括 SCSS 文件的脚手架，并导入 Bootstrap 4 JavaScript 插件、jQuery 和 Popper.js。截至撰写本文时，我们保留 Laravel 附带的 jQuery 依赖项，但根据 Bootstrap 文档，可以改为使用 jQuery slim 版本。

Bootstrap 4 预设类似于 Laravel 默认提供的当前 Bootstrap 3 脚手架，具有 Bootstrap 4 变量和标记，为您提供良好的起点。当 Bootstrap 4 的最终版本发布时，您将能够（相对）平稳地更新您的项目。

#预设的工作原理如何？

Laravel 5.5 附带一个 preset 命令，使您能够更改前端脚手架，甚至删除它。我们的软件包注册了两个预设，bootstrap4 和 bootstrap4-auth，如果您不想使用身份验证视图，则可以为您提供更大的灵活性。

当您运行 Bootstrap 4 预设命令时，它将删除 bootstrap-sass 节点模块，并添加 bootstrap 和 popper.js 节点模块。我们的预设 bootstrap.js 与默认设置相同，只是有一个全局 Popper.js 导入，这是各种 Bootstrap 4 JavaScript 插件的新依赖项。

app.scss 文件保留 Raleway Google 字体，并导入更新后的 _variables.scss 文件，该文件为您的自定义 CSS 提供了一个良好的起点。

// Fonts
@import url("https://fonts.googleapis.ac.cn/css?family=Raleway:300,400,600");
 
// Variables
@import "variables";
 
// Bootstrap
@import "~bootstrap/scss/bootstrap";

我已浏览 _variables.scss 文件，并将默认 Laravel 版本中的一些变量移植过来，并删除了不再相关的变量。例如，面板组件在 Bootstrap 4 中不再存在，我们已删除了相关的变量。变量文件是一个起点，您可以轻松地修改它，我建议您从 Bootstrap 的 主题文档 中了解更多信息。

#安装 Bootstrap 4 前端预设

借助新的 软件包自动发现，安装 Laravel Bootstrap 4 预设再简单不过了

composer require laravelnews/laravel-twbs4
php artisan preset bootstrap4-auth
yarn && yarn dev

如果您不需要身份验证视图，您可以按照以下步骤安装预设

composer require laravelnews/laravel-twbs4
php artisan preset bootstrap4
yarn && yarn dev

#了解更多信息

查看我们的 官方仓库 以开始使用，如果您在我们的 Bootstrap 4 预设中发现任何问题或缺少内容，请随时提出问题或提交拉取请求。

Bootstrap 4 仍然是 beta 版本（我们的预设使用 Bootstrap 4 Beta 2），beta 3 将会有几次重大更改。beta 3 发布后，下一个版本将是 Bootstrap 4 的最终版本！