Django Bootstrap 下载到本地使用，避免 CDN 超时

一、下载 Bootstrap 文件

1. 访问 Bootstrap 官网（以 Bootstrap 5 为例）：https://getbootstrap.com/docs/5.3/getting-started/download/
2. 下载 "Compiled CSS and JS" 包（包含bootstrap.min.css和bootstrap.min.js）。

二、项目中配置静态文件

1. 创建静态文件目录 ：在项目根目录（student_system）下新建static文件夹，再在其中创建css和js子文件夹。
2. 放入文件 ：将下载的bootstrap.min.css放入static/css，bootstrap.min.js放入static/js。

三、修改 Django 配置（settings.py）

在settings.py末尾添加静态文件路径配置：

import os
STATIC_URL = '/static/'
STATICFILES_DIRS = (os.path.join(BASE_DIR, 'static'),)

四、模板中引用本地 Bootstrap

在需要使用 Bootstrap 的模板（如profile.html）中，替换 CDN 链接为本地静态文件：

{% load static %} <!-- 加载静态文件标签 -->
<head>
    <!-- 替换CDN的CSS为本地文件 -->
    <link href="{% static 'css/bootstrap.min.css' %}" rel="stylesheet">
</head>
<body>
    <!-- 替换CDN的JS为本地文件（注意：Bootstrap 5依赖Popper，需一并下载） -->
    <script src="{% static 'js/bootstrap.min.js' %}"></script>
</body>

验证

重启 Django 服务后，页面会从本地加载 Bootstrap 资源，避免 CDN 超时问题。通过浏览器开发者工具的 "网络" 面板，可看到静态文件的请求路径为/static/css/bootstrap.min.css，说明本地引用成功。