首页使用Django框架时候，在HTML文件中引入bootstrap与js是如何引入的

使用Django框架时候，在HTML文件中引入bootstrap与js是如何引入的

时间: 2024-03-25 22:36:28 浏览: 71

在Django中使用Bootstrap和JS，可以按照以下步骤进行引入：

将Bootstrap和JS文件下载到你的项目中，一般存放在static文件夹中。
在Django中，可以通过{% load static %}标签加载静态文件，将其添加到HTML文件的顶部。
在HTML文件中，可以通过{% static 'path/to/file' %}标签引用静态文件，其中path/to/file是Bootstrap或JS文件相对于static文件夹的路径。

例如，如果你想引入Bootstrap的CSS文件和JS文件，可以在HTML文件中添加以下代码：

{% load static %}
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>My Website</title>
    <link href="{% static 'css/bootstrap.min.css' %}" rel="stylesheet">
</head>
<body>
    <!-- 页面内容 -->
    <script src="{% static 'js/jquery.min.js' %}"></script>
    <script src="{% static 'js/bootstrap.min.js' %}"></script>
</body>
</html>

在上面的代码中，{% static 'css/bootstrap.min.css' %}引用了Bootstrap的CSS文件，{% static 'js/jquery.min.js' %}和{% static 'js/bootstrap.min.js' %}引用了jQuery和Bootstrap的JS文件。