时间戳

首页 > 解决方案 > Bootstrap 主题错误：设置配色方案时出现问题

css - Bootstrap 主题错误：设置配色方案时出现问题

问题描述

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

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

/dist
/forms
/js
/node_modules
/pages
/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 文件中编码的那样）。

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

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

你能帮我解决这个问题吗？对不起，我是这个世界的新人。

谢谢！

标签： csssassthemescolor-schemebootstrap-themes

解决方案

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

推荐阅读