首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何使用-bootswatch.scss更新引导程序?

如何使用-bootswatch.scss更新引导程序?
EN

Stack Overflow用户
提问于 2017-12-29 22:59:36
回答 2查看 2.1K关注 0票数 1

我是SCSS的新手,我正在尝试将一个使用Bootstrap3的站点升级到使用Bootstrap4的站点。使用Bootswatch 3,我只需要将bootstrap.less和variables.less文件替换为从Bootswatch下载的主题。但是,对于SCSS版本,该文件被标记为_bootswatch.scss,而不是_bootstrap.scss。我只是将bootswatch文件命名为bootstrap名称,然后在我的项目中覆盖该文件,还是只需要在导入bootstrap下面的@imports中包含_bootswatch?此外,bootswatch中的_variables.scss的设置比bootstrap中的要少得多。所以,我假设我实际上不会替换bootstrap中的_variables,而只是在bootstrap导入之后导入bootswatch版本?

更新

这就是我在Site.scss中的功能,但它似乎并不是很流行。文件夹结构是正确的路径。它们是由Visual Studio的智能感知创建的。我想这应该行得通。

代码语言:javascript
复制
@import "SASS/bootstrap/bootstrap.scss";
@import "SASS/bootswatch/cerulean/_bootswatch.scss";
@import "SASS/bootswatch/cerulean/_variables.scss";
EN

回答 2

Stack Overflow用户

发布于 2017-12-30 00:59:10

在下面的bootstrap.scss文件中导入它。

代码语言:javascript
复制
@import "bootswatch";
票数 0
EN

Stack Overflow用户

发布于 2021-12-31 07:32:43

只需导入以下内容

代码语言:javascript
复制
@import "~bootswatch/dist/cerulean/variables";
@import "~bootstrap/scss/bootstrap";
@import "~bootswatch/dist/cerulean/bootswatch";

请注意,使用~<modulename>可以直接引用node_modules目录下该模块的路径。您可以在上面给定的路径中看到您的scss文件。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/48024461

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档