为了账号安全,请及时绑定邮箱和手机立即绑定

使用 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 关注
  • 324 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信