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

一、下载 Bootstrap 文件

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

二、项目中配置静态文件

  1. 创建静态文件目录 :在项目根目录(student_system)下新建static文件夹,再在其中创建cssjs子文件夹。
  2. 放入文件 :将下载的bootstrap.min.css放入static/cssbootstrap.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,说明本地引用成功。

相关推荐
云程笔记15 小时前
004.环境搭建基础篇:Python、CUDA、cuDNN、PyTorch/TensorFlow安装与版本兼容性踩坑
pytorch·python·tensorflow
知行合一。。。20 小时前
Python--04--数据容器(总结)
开发语言·python
架构师老Y20 小时前
008、容器化部署:Docker与Python应用打包
python·容器·架构
lifewange21 小时前
pytest-类中测试方法、多文件批量执行
开发语言·python·pytest
pluvium2721 小时前
记对 xonsh shell 的使用, 脚本编写, 迁移及调优
linux·python·shell·xonsh
2401_8274999921 小时前
python项目实战09-AI智能伴侣(ai_partner_5-6)
开发语言·python
PD我是你的真爱粉21 小时前
MCP 协议详解:从架构、工作流到 Python 技术栈落地
开发语言·python·架构
ZhengEnCi1 天前
P2G-Python字符串方法完全指南-split、join、strip、replace的Python编程利器
python
是小蟹呀^1 天前
【总结】LangChain中工具的使用
python·langchain·agent·tool
宝贝儿好1 天前
【LLM】第二章:文本表示:词袋模型、小案例:基于文本的推荐系统(酒店推荐)
人工智能·python·深度学习·神经网络·自然语言处理·机器人·语音识别