我正在为我的非营利协会设计一个网页,为了使事情变得更容易,我购买了一个引导主题模板(Leap Bootstrap Theme)。

在项目的主文件夹中,有以下文件夹:

/ dist
/形式
/ js
/ node_modules
/页
/ scss

在“ / scss”文件夹中,为了修改主题的配色方案,设置所需的颜色,我必须以这种方式修改文件“ /scss/user-variables.css”:

//
//
// user-variables.scss
//
// Place your own variable overrides here, these will override any Bootstrap and theme variables.


// Color Scheme
// Uncomment the variables below and change the hex values.

$primary: #3D3B3C;
$primary-2: #FDFDB7;
$primary-3: #3D3B3C;

// Do not change or remove the $theme-color-scheme or $theme-colors maps below

$theme-color-scheme: (
    "primary":    $primary,
    "primary-2":  $primary-2,
    "primary-3":  $primary-3
);

$theme-colors: (
    "primary":    $primary,
    "primary-2":  $primary-2,
    "primary-3":  $primary-3,
);


“ index.html”文件位于“ / pages”文件夹内,还有其他文件夹(css,js,img,字体等)。

当我用gulp和browsersync进行这些更改时,将显示出我想要的正确的配色方案(正如我编码到user-variables.css文件中一样)。

问题是当我将文件上传到Web托管服务器时。当我访问该网站时,仍然看到引导主题的原始配色方案,而不是我设置的颜色。令人毛骨悚然的是,一些外部用户查看了正确的颜色。

在“ public”文件夹中,我仅上传“ index.html”文件和“ / assets”文件夹。我是否必须上传该“ user-variables.css”文件,在何处?

您能帮我解决这个问题吗?抱歉,但是我是这个世界的新手。

谢谢!

最佳答案

就我而言,您的网站显示为黑色。
我想,Maties Alzina Soler想要告诉您清除缓存。
为此,请在您的站点上按SHIFT + F5或Ctrl + F5。

关于css - Bootstrap主题错误:设置配色方案时出现问题,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/55587922/

10-10 05:58