html - 更改 Bootstrap 模板的网站背景

Question

我正在做一些关于使用 Django 进行 Web 开发的教程(我是一个完全的初学者)。我下载了this bootstrap 主题并成功地为我 future 的网站实现了它。

我现在想要的是通过更改默认背景来个性化这个 bootstrap 主题。 “灰度”主题 css 是这样引用的:

<!-- Theme CSS -->
{% load staticfiles %}
<link href="{% static 'aboutme/css/grayscale.min.css' %}" rel="stylesheet">

(我确信这就是我的网页灰度主题的原因，因为当我删除这些行时，我网站上的灰度主题就消失了。)

查看“grayscale.min.css”文件，我发现以下行:

{display:table;height:auto;padding:100px 0;text-
align:center;color:#fff;background:url(../img/intro-bg.jpg) bottom 
center no-repeat #000;-webkit-background-size:cover;-moz-background-
size:cover;background-size:cover;-o-background-size:cover} 

我猜这是设置背景的地方，因为img贴图中的intro-bg.jpg是灰度背景图片。但是，当我尝试更改背景时:

background:url(../img/mybackground.jpg)

没用!奇怪的是，该站点似乎根本不需要“grayscale.min.css”文件；当我删除所有内容并保存时，我的网站没有任何变化!我不明白这一点，因为就像我之前提到的那样，当我删除该行时:

{% load staticfiles %}
<link href="{% static 'aboutme/css/grayscale.min.css' %}" rel="stylesheet">

网站确实改变了!

问:如何解决这个问题并更改我网站的背景？

Answer 1

根据浏览器的不同，有时 CSS 文件会缓存在浏览器中。这就是您在 CSS 文件中所做的更改未得到反射(reflect)的原因。

大多数浏览器都有允许您清除缓存的插件。 Here如果您不想下载插件，是清除 chrome 缓存的指南。