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.com/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 的最终版本！