Bootstrap Theme error: Problem with setting the color scheme

Question

我正在为我的非营利协会设计一个网页，为了让事情变得更简单，我购买了一个 bootstrap 主题模板（Leap Bootstrap 主题）。

在我项目的主文件夹中，我有以下文件夹：

/距离
/表格
/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' 文件与其他文件夹（css、js、img、字体等）位于“/pages”文件夹内。

当我使用 gulp 和 browsersync 进行这些更改时，它显示了我想要的正确配色方案（正如我编码到 user-variables.css 文件中）。

问题出在我将文件上传到虚拟主机服务器时。当我访问该网站时，我仍然看到 bootstrap 主题的原始配色方案，而不是我设置的颜色。可笑的是，一些外部用户看到了正确的颜色。

在 'public' 文件夹中，我只上传了 'index.html' 文件和“/assets”文件夹。我是否必须上传那个 'user-variables.css' 文件，上传到哪里？

你能帮我解决这个问题吗？抱歉，我是新来的。

谢谢！

Answer 1

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

Bootstrap Theme error: Problem with setting the color scheme

Bootstrap Theme error: Problem with setting the color scheme

css

color-scheme

themes

sass

bootstrap-themes