Bootstrap 4 稳定版今天发布了！我们在 Laravel News 上一直关注着 Bootstrap 4 稳定版的开发进度，从 第一个 Beta 版 到 最后的 Beta 版，我们甚至为 Laravel 5.5 发布了 Bootstrap 4 预设。
Bootstrap 4 稳定版是多年来的成果
我们花了数年时间才做到，但 Bootstrap 4 终于问世了！言语无法表达我和整个团队对这次发布的激动之情，但我将尽力。感谢所有人，尤其是团队，以及所有通过提交代码请求或发布问题而贡献力量的人。感谢你们。
发布亮点是新的 Bootstrap 4 示例页面，它将帮助你从 Bootstrap 3 迁移到 Bootstrap 4。我已经使用它几个月了，虽然有些东西保持不变，但它在许多方面是全新的，你需要花一些时间来适应。
我非常期待深入了解一些新的示例，比如 价格页面 和 结账表单，它们与我当前的项目非常相关。
Bootstrap 4 稳定版中的新方法
发布的另一个激动人心的公告是新的 方法 文档，其中包括“构建和维护 Bootstrap 所使用的指导原则、策略和技术，以便你能够更轻松地自定义和扩展它”。
我发现摘要中的这部分内容非常突出，它部分地反映了像 Tailwind 和 Tachyons 这样的原子 CSS 方法。
尽可能使用实用程序类而不是自定义样式
文档后面进一步阐述了这一点
实用程序类（以前在 Bootstrap 3 中称为帮助器）是对抗 CSS 膨胀和页面性能低下的一大利器。实用程序类通常是一个单一的、不可变的属性-值对，用类表示（例如，.d-block 代表 display: block;）。它们的主要吸引力在于编写 HTML 时使用速度快，同时限制了需要编写的自定义 CSS 的数量。
具体来说，在自定义 CSS 方面，实用程序类可以通过将你最常用的属性-值对缩减为单个类来帮助对抗文件大小的不断增加。这在你的项目中可以带来显著的效果。
以下是方法的完整摘要：
- 组件应该响应式并且优先考虑移动设备
- 组件应该使用一个基本类构建，并通过修饰符类进行扩展
- 组件状态应该遵循通用的 z-index 范围
- 尽可能优先使用 HTML 和 CSS 实现，而不是 JavaScript
- 尽可能使用实用程序类而不是自定义样式
- 尽可能避免强制严格的 HTML 要求（子元素选择器）
我建议你阅读完整的文档；它是一篇非常棒的文章，由编写了一个非常高使用率、健壮的 CSS 框架的人写的。
接下来的步骤
Bootstrap 4 已经在 GitHub 上使用 项目看板 制定了发布计划，并宣布今年将对官方 Bootstrap 主题进行全面改造。虽然我们不知道确切的时间线，但主题最早可能在“第一季度发布”，并将至少包含十个全新的主题。
了解更多
查看 官方 Bootstrap 4 发布公告，并跳转到文档开始使用 Bootstrap 4！
我还更新了 Laravel News Bootstrap 4 预设，以便使用 Bootstrap 的稳定版（v1.3.0）。
干杯！
