什么更适合用作SASS mixin库:Bootstrap或Bourbon?

时间:2017-05-08 15:56:53

标签: twitter-bootstrap sass bourbon

我正在寻找什么用作Sass mixin库:Bootstrap或更确切地说Bourbon。

我发现Bootstrap更像是UI框架,你开箱即用的组件和模块。 Bourbon实际上是Sass库,它为您提供了编写SCSS的工具集,因此您可以轻松创建自己的组件和模块。

我想知道Bootstrap用作mixin库有多方便?

我尝试使用Bootstrap mixins为我的网站上的按钮编写代码,我不得不更改几乎所有mixin按钮以获得我的按钮外观。我不得不删除大量预定义代码。

在Bourbon中,我使用了一些普通的mixins并写了一些新的。

我认为在Bootstrap中会有很多删除和覆盖。

有人可以根据他们的经验给我利弊吗?

1 个答案:

答案 0 :(得分:0)

我不能代表Bootstrap4,但Bootstrap3的bootstrap-sass似乎并没有考虑到mixin。模块本身使用了一堆,在定义样式时可能很有用,但它们绝不是预期的工作流程。案件似乎与原来的LESS来源相同。

你可以分割掉你不需要的块,但是与Bourbon在安装策略上的零输出相比,你通常最好用一个微小的bootstrap加载一个小样式来覆盖一些属性。从cdn热链接。你当然可以在一定程度上优化它,但它不会很漂亮。

例如,正确设置变量以设置导航栏的样式并导入引导程序的相关部分及其依赖项可以使您在未压缩的情况下达到~35k。或者您可以仅覆盖2-3k所需的部分,并让最终用户从内容分发网络中获取110k缩小的完整引导程序。他们已经将其缓存,因为它如此受欢迎,是传统的论点。

对样式而不是相反的整个热链接和拟合标记有raised some criticism,但显然它是bootstrap的设计方式。

总的来说,如果你已经对Bourbon感到满意了,那么检查一下Bootstrap3可能会很有趣,但它绝对不是一个mixin库。