如何使用 Flask 在本地使用 bootstrap
How to use bootstrap locally with flask
我尽力尝试在计算机上使用 bootstrap 在本地使用 Flask(没有互联网连接)。
我的文件夹是这样的:
模板
-layout.html
-bootstrap
-css
-bootstrap.min.css
-js
-bootstrap.min.js
-jquery-3.2.1.slim.min.js
-popper.min.js
在我的 layout.html 文件中,我将 bootstrap 与这些行一起使用:
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"
在 head 标签和
<script src="bootstrap/js/jquery-3.2.1.slim.min.js"></script>
<script src="bootstrap/js/popper.min.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
在正文标签中。
如果我只启动这个 html 文件,bootstrap 就可以工作,但是如果我在我的 app.py 文件中使用这个模板,就像这样:
@app.route("/")
@app.route("/home/")
def home():
return render_template("layout.html")
bootstrap 不工作...
预先感谢您的帮助。
将整个 bootstrap 文件夹存储在名为 static
的目录中,然后使用 <link rel='stylesheet' href='/static/bootstrap/css/bootstrap.min.css>
我尽力尝试在计算机上使用 bootstrap 在本地使用 Flask(没有互联网连接)。 我的文件夹是这样的: 模板
-layout.html
-bootstrap
-css
-bootstrap.min.css
-js
-bootstrap.min.js
-jquery-3.2.1.slim.min.js
-popper.min.js
在我的 layout.html 文件中,我将 bootstrap 与这些行一起使用:
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"
在 head 标签和
<script src="bootstrap/js/jquery-3.2.1.slim.min.js"></script>
<script src="bootstrap/js/popper.min.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
在正文标签中。 如果我只启动这个 html 文件,bootstrap 就可以工作,但是如果我在我的 app.py 文件中使用这个模板,就像这样:
@app.route("/")
@app.route("/home/")
def home():
return render_template("layout.html")
bootstrap 不工作... 预先感谢您的帮助。
将整个 bootstrap 文件夹存储在名为 static
的目录中,然后使用 <link rel='stylesheet' href='/static/bootstrap/css/bootstrap.min.css>