使用custom.css覆盖引导

Question

I am using django and trying to override base.html that is calling the default bootstrap.min.css with a custom.css like this: 我正在使用django并尝试使用如下的custom.css覆盖正在调用默认bootstrap.min.css的base.html：

base.html: base.html：

<body id="bootstrap-overrides">

custom.css: custom.css：

#bootstrap-overrides body {
    color: blue;
}

#bootstrap-overrides h1 {
    color: green;
}

#bootstrap-overrides p.uppercase {
    text-transform: uppercase;
}

however, nothing really changes. 但是，什么都没有改变。 Is it a routing problem in django? 这是Django中的路由问题吗？

Answer 1

Try : 尝试：

body#bootstrap-overrides {...}

If you want to try if your CSS file is working 如果您想尝试CSS文件是否正常工作

body {
 background:red !important;
}

Answer 2

Try replacing: 尝试更换：

#bootstrap-overrides body {
color: blue;

} }

with: 与：

#bootstrap-overrides {
color: blue;

} }

or: 要么：

body {
    color: blue;
}

使用custom.css覆盖引导

问题描述

2 个解决方案

解决方案1
1 已采纳 2018-10-01 15:02:20

解决方案2
1 2018-10-01 15:02:28

使用custom.css覆盖引导

问题描述

2 个解决方案

解决方案1 1 已采纳 2018-10-01 15:02:20

解决方案2 1 2018-10-01 15:02:28

解决方案1
1 已采纳 2018-10-01 15:02:20

解决方案2
1 2018-10-01 15:02:28