如何在 Django 中覆盖引导 cdn？

Question

我是 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 是一个外部文件。由于 proocol 问题，当我简单地将内容复制到本地 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 中），但没有成功。 我的问题是：

1. 如何覆盖 cdn 文件？也就是说，最好在哪里 放置另一个css文件（我在项目中都有静态目录 和应用程序级别），以及它的命名方式是否重要？
2. 什么是简单而安全的测试，看看它是否有效？
3. 最重要的是，我正在寻找一种将元素（例如，图像和菜单）放在一起而不是堆叠的方式。 This one 似乎相关，但它需要修改 css 文件，而我似乎无法做到。
4. css 链接应该放在哪里？像我写的那样还是在元部分内？

Answer 1

1. 确保您在设置文件中定义了 STATIC_URL

   STATIC_URL = '/static/'

2. 我建议您阅读 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 链接

Answer 2

只需在 bootstrap 调用下放置一个 CSS 文件并覆盖您需要的任何类。