使用 Bootstrap 4 SCSS 作为 Mixin 库

Posted

技术标签:

【中文标题】使用 Bootstrap 4 SCSS 作为 Mixin 库【英文标题】:Using Boostrap 4 SCSS as a Mixin Library 【发布时间】:2017-10-18 19:23:18 【问题描述】:

这就是我学会使用引导程序的方式:http://transmission.vehikl.com/using-bootstrap-as-a-semantic-mixin-library/,但在 v4 中他们放弃了 LESS。我怎样才能用 SCSS 实现这样的目标?不管你喜不喜欢......它真的很有用,我找不到正确导入的方法。

【问题讨论】:

【参考方案1】:

我知道你的意思,我一直使用 less 的 mixin。它们仍然存在,您只需导入它们即可。

@import "../../../node_modules/bootstrap/scss/mixins";
@include gradient-bg(#f45f12);
/* my-file.scss */

如果您来到这里并使用 Angular cli 构建您的项目,how to use scss on angular cli 上有一个很好的教程

希望对你有帮助

【讨论】:

以上是关于使用 Bootstrap 4 SCSS 作为 Mixin 库的主要内容,如果未能解决你的问题,请参考以下文章

如何使用 react webpack 设置 bootstrap 4 scss

如何使用 angular-cli 和 ng-bootstrap 自定义 Bootstrap 4 SCSS 变量?

scss Bootstrap 4半容器SCSS

如何使用 Bootstrap 4 和 Scss 将容器的宽度覆盖为 1440px 并使列同时响应

如何使用 gulp 从 node_modules 导入 bootstrap 4 sass/scss

scss Bootstrap 4 Mixins网格