我正在寻找用作 Sass mixin 库的内容:Bootstrap 或者更确切地说是波旁威士忌。
我发现 Bootstrap 更像是 UI 框架,您可以摆脱开箱即用的组件和模块。Bourbon 实际上是 Sass 库,它为您提供了一组用于编写 SCSS 的工具,因此您可以轻松创建自己的组件和模块。
我想知道 Bootstrap 用作混合库有多方便?
我尝试使用 Bootstrap mixins 为我网站上的按钮编写代码,我不得不更改按钮的几乎所有混合代码才能获得按钮的外观。我不得不删除很多预定义的代码。
在波旁威士忌中,我使用了一些通用的混音并编写了一些新的混音。
我假设在引导程序中会有很多删除和覆盖。
有人可以从他们的经验中给我利弊吗?
我不能代表 Bootstrap4,但 Bootstrap3 的 bootstrap-sass 似乎并没有考虑到 mixins。模块本身中使用了一堆,在定义样式时可能很有用,但它们绝不是预期的工作流程。这种情况似乎与原始 LESS 来源相同。
您可以雕刻出不需要的块,但与 Bourbon 的安装策略零输出相比,您通常最好在从 cdn 热链接的缩小引导程序后加载一个小样式表来覆盖一些属性。你当然可以在一定程度上优化它,但它不会很漂亮。
例如,正确设置变量以设置导航栏的样式并导入引导程序的相关部分及其依赖项,即可获得 ~35k 未压缩。或者,您可以只覆盖 2-3k 所需的部分,让您的最终用户从内容交付网络中获取 110k 缩小的完整引导程序。他们已经缓存了它,因为它非常受欢迎,这是传统的论点。
整个热链接和将标记适合样式而不是相反的方式引起了一些批评,但显然这是引导程序的设计使用方式。
总的来说,如果你已经对波旁威士忌感到满意,那么查看 Bootstrap3 可能会很有趣,因为它绝对不是一个混合库。