我是Django的新手,甚至是CSS的新手。在我网站的base.html中,我包含了一个引导CDN,如下所示:
<meta charset="UTF-8">
<link rel="shortcut icon" href="{% static 'favicon.ico' %}">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
但是,我想对CSS进行一些修改,但由于CDN是一个外部文件,所以我不能。由于协议问题,当我仅将内容复制到本地CSS文件时,它将无法正常工作。
根据this previous thread,我尝试添加另一行,以便它将覆盖CDN,如下所示:
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}/bootstrap/css/style.css">
但这不起作用。我也尝试在本地html文件中写此行(即不在base.html中),但没有成功。
我的问题是:
如何覆盖CDN文件?也就是说,最好在哪里
放置其他CSS文件(我在项目中都有静态目录
和应用级别(出于某种原因),以及如何命名的重要性?
是什么让一个简单而安全的测试来查看它是否有效?
最重要的是,我正在寻找一种将元素(例如图像和菜单)放在两个地方而不是堆叠的方式。 This one似乎很相关,但是它需要修改css文件,而我似乎没有做。
CSS链接应该放在哪里?就像我写的还是在meta部分中?
最佳答案
确保您在设置文件中定义了STATIC_URL
STATIC_URL ='/静态/'
我建议您阅读django documentation中的静态文件,简单来说,您应该具有静态文件的结构,在项目文件夹中创建一个名为“ static”的文件夹,并将所有静态文件放入分解后的目录中以及文件夹,例如,将放入的所有.css文件
/static/css/main.css
等等
然后,我强烈建议使用django.contrib.staticfiles
最终,您要做的就是这样
{% load static %}
<link rel="stylesheet" type="text/css" href="{% static/css/bootstrap/style.css %)">
然后从代码中删除您的CDN链接
关于css - 如何在Django中覆盖bootstrap CDN?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/44869440/