在Mono，我们使用Bootstrap已经有一段时间了。我想我第一次使用Bootstrap是在版本2。
虽然我们喜欢能够创建自定义设计并从头开始实现它的自由，但不可否认，在很多情况下，经过实战测试的框架可以节省时间。这样你就不用白费力气了。
Bootstrap发挥作用的一种情况是，当您为后台应用程序进行设计时，自定义视觉设计并不是最高优先级的。
我们创建的一个后台设计示例，它是使用Bootstrap实现的。公平地说，它有自己的设计定制，但也有很多引导代码。
发布状态
Bootstrap 5目前在第三个alpha版本中。他们的计划似乎是在年底向公众发布Bootstrap 5的最终版本。在我们最近的一个项目中，我们已经使用了它，预计从现在开始直到发布之前，底层逻辑不会有太大的变化。
那么让我们来谈谈Bootstrap 5中最重要的一些变化。
是什么改变了?
一个更平易近人的迁移
首先，这不是一个真正的特性，而是一种逻辑变化:从v4到v5的迁移比以前(从v3到v4)更容易实现。
对于那些考虑从Bootstrap 4切换到5的人来说，好消息是在CSS和默认组件方面，没有太大的变化。从4到5的类和逻辑非常相似。
Bootstrap团队似乎已经确定了一个“稳定的API”，即在不同版本之间不会过多地更改类名。
对于许多希望迁移并且不希望像v3迁移到v4那样进行类更改迁移的应用程序来说，这是一个好消息。
没有jQuery
接下来，将删除作为依赖项的jQuery。
切换和modals等JS插件的JS逻辑现在都是用普通JS编写的。如果你真的想使用jQuery，还是有可能的(参见这个文档条目)。
JS文件甚至可以作为ESM模块使用，这允许您在浏览器中直接将Bootstrap作为模块使用，如果您的浏览器支持它的话。然而，依赖于Popper的插件还没有这样工作。
此举删除了一个依赖项，并使引导程序现代化。jQuery是过去的东西，它确实提供了很大的帮助，但它已经达到了它的目的。jQuery不属于2020年启动的开发项目。
然而，我不知道我是否会在实践中实际遇到这段代码，因为处理modals、弹出框等的逻辑可能包含在项目中使用的Javascript框架中。许多Javascript框架都有一个特定于该框架的Bootstrap的重新实现(比如ng-bootstrap)。
我相信源文件将主要用作预期功能的参考。我不认为在开发的情况下你可以直接使用它们。
用于快速定制的CSS自定义属性
Internet Explorer的支持已经被取消，这为使用更新的CSS特性，如CSS自定义属性铺平了道路。
在实践中，这允许您在没有编译步骤的情况下自定义Bootstrap。如果设计的某个方面使用CSS自定义属性，您可以简单地放入代码来覆盖它，而不需要设置基于saas的工作流，在工作流中覆盖框架变量。
我想，当您快速地想要调整一些颜色时，这可能非常有用。在这个简洁的REPL中演示了它的工作方式，其中一个表被定制为有一些其他的颜色。
引导程序图标
Bootstrap现在自带了它自己的图标集。我不确定自己是不是这种风格的拥趸，但关注这一领域是件好事。没有处理图标的UI框架是不完整的。
在我们的项目中，我们可能会使用自己的Mono图标作为默认选择;在最近的项目中，我们定制了Bootstrap 5来与我们的图标集一起工作。
在Alpha 3中，Bootstrap团队添加了一个新的Accordion组件。
检查代码时，它直接在CSS中使用SVG作为数据图像。
如果我们要使用Mono图标，这会产生一个设计问题，因为在这个项目中有两种不同的图标样式。
我已经可以看到我们将不得不创建这个组件的定制版本的工作。这正是Bootstrap有时会遇到的问题:如果您不按原样使用它，您有时会给自己带来麻烦。
幸运的是，您可以简单地创建一个不包含某些元素的自定义样式表。例如，我们在Bootstrap 4中从未使用过“大屏幕”组件。我们将检查该组件是否有用，或者是否需要提供自己的版本。
新的实用程序+新的实用程序API
我对基于实用程序的CSS又爱又恨。我喜欢它的快速原型，但是当一组不优雅的div和类进入生产并成为维护的地狱时，我讨厌它。
在Alpha 3的博客文章中，引导程序谈到了新的实用程序类，甚至还谈到了生成实用程序类的整个API。
这显然是受到了“顺风车”的启发，那些在Twitter上关注我或阅读我个人博客的人都知道我，呃哼，并不是我的超级粉丝。
通常，我也不喜欢使用太多Sass特性来生成代码，从而使CSS过于复杂。我认为它增加了复杂性。一个设计很少需要5个不透明类，就像在utility API页面上的第一个例子中解释的那样。
当我开始使用这段代码时，这篇文章本身可能就是一篇博客。
结论
对于我们来说，Bootstrap作为web应用程序的技术基础仍然是一个可靠的选择，特别是对于资源有限的项目。
我们通常使用一些定制来扩展Bootstrap以使其符合我们的喜好。我们发现，使用一个正在积极维护的已知框架有很大的价值。
当我们可以从包含通用设计模式的基础上开始设计工作时，我们就可以把时间花在弄清楚手头设计项目的确切需求上，而不是不断地重复发明轮子。
我们期待在更多的项目中使用Bootstrap 5。
上一篇：8个文案技巧:如何克服写作障碍
下一篇：增加在线课程价值的方法
