Bootstrap 4 setting

Bootstrap 4 setting
static tree

在 static 里右创建如下文件夹,并手动下载文件

- css
- js
- download
- img

Bootstrap4 CDN
```

<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">

<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>

<script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>

<script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
```
结构如下

![](/media/202112/2021-12-21_035840_385120.png)
bootstrap 导入

在 base.html 里加载代码

```
<head>
    <meta charset="UTF-8">
    {% block head %}
        <title> base page </title>
    {% endblock %}
    <link rel="stylesheet" href="/static/css/bootstrap.min.css">
    <script src="/static/js/jquery.min.js"></script>
    <script src="/static/js/popper.min.js"></script>
    <script src="/static/js/bootstrap.min.js"></script>
</head>
```
done