我試圖導(dǎo)入 bootstrap 存檔，但我遇到了這個錯誤：“GET /bootstrap.css HTTP/1.1”404當(dāng)我使用這個標(biāo)簽鏈接時，它工作得很好。<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">使用 Flask 時可以將 bootstrap 作為文件導(dǎo)入嗎？如果沒有，我想知道為什么，請html:<!DOCTYPE html><html><head> <link rel="stylesheet" href="bootstrap.css"> <title>{% block title %}{% endblock %}</title></head><body> <h1>Hello User</h1> {% block content %} {% endblock %}</body></html>python:from flask import Flask, url_for, redirect, render_templateapp = Flask(__name__)@app.route("/")def home(): return render_template("index.html")if __name__ == "__main__": app.run(debug=True)
3 回答
人到中年有點甜
TA貢獻(xiàn)1895條經(jīng)驗 獲得超7個贊
您可以嘗試使用他們在文檔中為您提供的鏈接標(biāo)簽來鏈接引導(dǎo)程序，而不是使用文件。
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
炎炎設(shè)計
TA貢獻(xiàn)1808條經(jīng)驗 獲得超4個贊
首先，通過回答您的問題：使用 Flask 時可以將 bootstrap 作為文件導(dǎo)入嗎？如果沒有，我想知道為什么：
是的，您剛剛做到了，但您只需將此 css 文件鏈接插入正確的位置并使用正確的命令指向它。下載后就像任何其他 CSS 文件一樣。
據(jù)我了解，您已通過從此處下載“已編譯的 CSS 和 JS”來導(dǎo)入引導(dǎo)程序 ===>?
假設(shè)您的 Boostrap 文件位于“靜態(tài)”文件夾中，然后位于“樣式”中：
/app -?app.py /views ????-?view.py? /templates ????-?index.html /static ???????/style ???????????-?bootstrap.css
這兩者都適合你：
（最常見的用法）
`<link?rel="stylesheet"?type="text/css"?href="{{?url_for('static',?filename='style/bootstrap.css')?}}">`
第一個示例取決于 .html 在目錄中的位置，在本示例中，它將位于模板下方并且是“index.html”
<link?rel="stylesheet"?type="text/css"?href="../static/style/bootstrap.css">
最重要的是css文件在static文件夾下，一定要正確指向。
請注意，您可以覆蓋靜態(tài)文件夾路徑：
app?=?Flask(__name__,?static_url_path="/STATIC_FOLDER",?static_folder='STATIC_FOLDER')
牧羊人nacy
TA貢獻(xiàn)1862條經(jīng)驗 獲得超7個贊
放入bootstrap.css你的static目錄，然后：
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='bootstrap.css') }}">添加回答
舉報
0/150
提交
取消