怎样本地添加bootstrap呢使用pycharm，python flask

[LV-xi80]

是一个新手

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
<!--    <link rel="stylesheet" href="/static/bootstrap-5.3.7-dist/css/bootstrap.min.css" type="text/css">-->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-LN+7fdVzj6u52u30Kp6M/trliBMCMKTyK833zpbD+pXdCLuTusPj697FH4R/5mcr" crossorigin="anonymous">
</head>
<body>

<div class="dropdown">
  <button class="btn btn-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
    Dropdown button
  </button>
  <ul class="dropdown-menu">
    <li><a class="dropdown-item" href="#">Action</a></li>
    <li><a class="dropdown-item" href="#">Another action</a></li>
    <li><a class="dropdown-item" href="#">Something else here</a></li>
  </ul>
</div>

<h1>用户登录</h1>
<form method="post">
    <select name="role">
        <option value="1">客户</option>
        <option value="2">管理员</option>
    </select>
    <input type="text" name="mobile" placeholder="手机号"/>
    <input type="password" name="pwd" placeholder="密码"/>
    <input type="submit" value="提 交"/>
    <span style="color:red">{{ error }}</span>
<!--    <script src="/static/jquery-3.7.1.min.js"></script>-->
<!--    <script src="/static/bootstrap-5.3.7-dist/js/bootstrap.bundle.min.js"></script>-->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/js/bootstrap.bundle.min.js" integrity="sha384-ndDqU0Gzau9qJ1lfW4pNLlhNTkCfHzAVBReH9diLvGRem5+R9g2FzA8ZGN954O5Q" crossorigin="anonymous"></script>
</form>
</body>
</html>

##1只能在CDN中进行使用，不知道本地引入bootstrap出现什么问题了

[Jeanlaris]

Hi there! Even though this question has been open for a while, I wanted to provide an updated solution for modern Flask (using the standard static folder structure and Jinja2 templates) in case you still need it or others run into the same issue.

To serve local Bootstrap files in Flask, place your CSS and JS assets inside your project's static/ directory and reference them using url_for:

<!-- In your HTML template -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap.min.css') }}">
<script src="{{ url_for('static', filename='js/bootstrap.min.js') }}"></script>