【问题标题】:What is better to use as a SASS mixin library: Bootstrap or Bourbon?作为 SASS 混合库使用哪个更好:Bootstrap 或 Bourbon?
【发布时间】:2017-10-06 17:19:33
【问题描述】:

我正在搜索将什么用作 Sass 混合库:Bootstrap 或者更确切地说是 Bourbon。

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

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

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

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

我假设在 Bootstrap 中会有很多删除和覆盖。

有人可以根据他们的经验告诉我优缺点吗?

【问题讨论】:

    标签: twitter-bootstrap sass bourbon


    【解决方案1】:

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

    您可以切出不需要的块,但与 Bourbon 在安装策略上的零输出相比,您通常最好在从 cdn 热链接的缩小引导程序后加载一个很小的样式表来覆盖一些属性。你当然可以在一定程度上优化它,但它不会很漂亮。

    例如,正确设置变量以设置导航栏的样式,并导入引导程序的相关部分及其依赖项,您的解压缩速度约为 35k。或者,您可以只覆盖 2-3k 所需的部分,让您的最终用户吃掉来自内容交付网络的 110k 缩小的完整引导程序。他们已经将它缓存起来了,因为它是如此受欢迎,这是传统的说法。

    整个热链接和适合样式的标记而不是相反的方式有raised some criticism,但显然它是引导程序设计的使用方式。

    总体而言,如果您已经对 Bourbon 感到满意,那么查看 Bootstrap3 可能会很有趣,以了解一些技巧,但它绝对不是一个 mixin 库。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2022-09-28
      • 2012-11-28
      • 2013-11-26
      • 1970-01-01
      • 1970-01-01
      • 2012-04-23
      • 2014-03-30
      • 1970-01-01
      相关资源
      最近更新 更多