使用 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 变量?
如何使用 Bootstrap 4 和 Scss 将容器的宽度覆盖为 1440px 并使列同时响应