亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

使用 Flask 導入 Bootstrap

使用 Flask 導入 Bootstrap

蝴蝶刀刀 2023-04-18 17:14:43
我試圖導入 bootstrap 存檔,但我遇到了這個錯誤:“GET /bootstrap.css HTTP/1.1”404當我使用這個標簽鏈接時,它工作得很好。<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">使用 Flask 時可以將 bootstrap 作為文件導入嗎?如果沒有,我想知道為什么,請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貢獻1895條經驗 獲得超7個贊

您可以嘗試使用他們在文檔中為您提供的鏈接標簽來鏈接引導程序,而不是使用文件。

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">



查看完整回答
反對 回復 2023-04-18
?
炎炎設計

TA貢獻1808條經驗 獲得超4個贊

首先,通過回答您的問題:使用 Flask 時可以將 bootstrap 作為文件導入嗎?如果沒有,我想知道為什么:

是的,您剛剛做到了,但您只需將此 css 文件鏈接插入正確的位置并使用正確的命令指向它。下載后就像任何其他 CSS 文件一樣。

據我了解,您已通過從此處下載“已編譯的 CSS 和 JS”來導入引導程序 ===>?

假設您的 Boostrap 文件位于“靜態”文件夾中,然后位于“樣式”中:

/app
-?app.py
/views
????-?view.py?
/templates
????-?index.html
/static
???????/style
???????????-?bootstrap.css

這兩者都適合你:

  1. (最常見的用法)

`<link?rel="stylesheet"?type="text/css"?href="{{?url_for('static',?filename='style/bootstrap.css')?}}">`
  1. 第一個示例取決于 .html 在目錄中的位置,在本示例中,它將位于模板下方并且是“index.html”

<link?rel="stylesheet"?type="text/css"?href="../static/style/bootstrap.css">

最重要的是css文件在static文件夾下,一定要正確指向。

請注意,您可以覆蓋靜態文件夾路徑:

app?=?Flask(__name__,?static_url_path="/STATIC_FOLDER",?static_folder='STATIC_FOLDER')
查看完整回答
反對 回復 2023-04-18
?
牧羊人nacy

TA貢獻1862條經驗 獲得超7個贊

放入bootstrap.css你的static目錄,然后:

<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='bootstrap.css') }}">



查看完整回答
反對 回復 2023-04-18
  • 3 回答
  • 0 關注
  • 370 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號