Django引入Bootstrap框架

最新推荐文章于 2024-06-12 14:29:42 发布

原创最新推荐文章于 2024-06-12 14:29:42 发布 · 728 阅读

1 ·

CC 4.0 BY-SA版权

Django框架同时被 2 个专栏收录

22 篇文章

订阅专栏

前端开发

21 篇文章

订阅专栏

本文介绍了如何在Django项目中引入Bootstrap框架，提供了BootStrap的CDN链接和中文官方文档资源。同时，也讲解了如何引用jQuery，并给出了在线和本地文件引用jQuery的代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

BootStrap

BootStrap的各版本链接地址：https://www.bootcdn.cn/twitter-bootstrap/
BootStrap中文官方文档：http://code.z01.com/v4/components/carousel.html
代码如下：

<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="http://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.css" rel="stylesheet" />
	</head>

	<body>
		
	</body>

</html>

在其中随便写一点东西，效果如下（可见是成功引入了Bootstrap框架）：
在这里插入图片描述

jQuery

jQuery 所有版本在线引用 - JavaJobs - 优快云博客 https://blog.youkuaiyun.com/qq_40147863/article/details/83116859
在线引用jQuery的代码：

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>

引用本地文件的BootStrap框架

<link href="{% static 'css/bootstrap.min.css' %}" rel="stylesheet" />
<script src="{% static 'js/jquery.min.js' %}"></script>
<script src="{% static 'js/bootstrap.min.js' %}"></script>