bootstrap

作者: Tsukinousag | 来源:发表于2023-01-06 22:48 被阅读0次

建立原先的template,然后写一个模板导入

先去下载bootstrap,然后需要注意的是需要手动去下载jquery.min.js并放在bootstrap目录下,然后在工程目录下建立一个static文件夹,放到里面

修改base.html

<!DOCTYPE html>
<html lang="en">
<head>
    {% load static %}

    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>{{ title }}</title>

    <link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}">
</head>
<body>
    <h1>Hello World</h1>

    <script src="{% static 'js/jquery.min.js' %}"></script>
    <script src="{% static 'js/bootstrap.min.js' %}"></script>

</body>
</html>

然后修改settins.py中的staticfile配置

最后效果如下

相关文章

网友评论

      本文标题:bootstrap

      本文链接:https://www.haomeiwen.com/subject/ztqecdtx.html