Tôi có thể sử dụng bootstrap với bình không

Bootstrap-Flask là tập hợp các macro Jinja cho Bootstrap 4 & 5 và Flask. Nó giúp bạn hiển thị dữ liệu và đối tượng liên quan đến Flask sang HTML đánh dấu Bootstrap dễ dàng hơn

  • Kết xuất đối tượng biểu mẫu Flask-WTF/WTForms thành Biểu mẫu Bootstrap
  • Kết xuất các đối tượng dữ liệu (đối tượng dict hoặc lớp) vào Bảng Bootstrap
  • Kết xuất đối tượng Flask-SQLAlchemy
    from flask import Flask
    # To follow the naming rule of Flask extension, although
    # this project's name is Bootstrap-Flask, the actual package
    # installed is named `flask_bootstrap`.
    from flask_bootstrap import Bootstrap5
    
    app = Flask(__name__)
    bootstrap = Bootstrap5(app)
    6 thành Bootstrap Pagination
  • vân vân

Cài đặt

$ pip install -U bootstrap-flask

Thí dụ

Đăng ký gia hạn

from flask import Flask
# To follow the naming rule of Flask extension, although
# this project's name is Bootstrap-Flask, the actual package
# installed is named `flask_bootstrap`.
from flask_bootstrap import Bootstrap5

app = Flask(__name__)
bootstrap = Bootstrap5(app)

Giả sử bạn có một biểu mẫu Flask-WTF như thế này

class LoginForm(FlaskForm):
    username = StringField('Username', validators=[DataRequired(), Length(1, 20)])
    password = PasswordField('Password', validators=[DataRequired(), Length(8, 150)])
    remember = BooleanField('Remember me')
    submit = SubmitField()

Bây giờ với macro

from flask import Flask
# To follow the naming rule of Flask extension, although
# this project's name is Bootstrap-Flask, the actual package
# installed is named `flask_bootstrap`.
from flask_bootstrap import Bootstrap5

app = Flask(__name__)
bootstrap = Bootstrap5(app)
7

{% from 'bootstrap5/form.html' import render_form %}
<html>
<head>

head>
<body>

<h2>Loginh2>
{{ render_form(form) }}


body>
html>

Bạn sẽ nhận được một biểu mẫu như thế này chỉ với một mã dòng (i. e.

from flask import Flask
# To follow the naming rule of Flask extension, although
# this project's name is Bootstrap-Flask, the actual package
# installed is named `flask_bootstrap`.
from flask_bootstrap import Bootstrap5

app = Flask(__name__)
bootstrap = Bootstrap5(app)
0)

Tôi có thể sử dụng bootstrap với bình không

Khi xác thực không thành công, các thông báo lỗi sẽ được hiển thị với kiểu phù hợp

Tôi có thể sử dụng bootstrap với bình không

Đọc tài liệu Cách sử dụng cơ bản để biết thêm chi tiết

Bản thử trực tiếp

Bản trình diễn trực tiếp của bản phát hành mới nhất là

  • Ví dụ với Bootstrap 4
  • Ví dụ với Bootstrap 5

Quyên tặng

Nếu bạn thấy Bootstrap-Flask hữu ích, vui lòng xem xét quyên góp ngay hôm nay. Đóng góp của bạn giúp Bootstrap-Flask được duy trì và cập nhật với Bootstrap

liên kết

  • Tài liệu
  • Ứng dụng ví dụ
  • Bản phát hành PyPI
  • Nhật ký thay đổi
  • thảo luận

Ghi chú cho hỗ trợ Bootstrap 4 & 5

Hỗ trợ Bootstrap 5 được thêm vào Bootstrap-Flask 2. 0 phiên bản. Bây giờ bạn có thể sử dụng lớp mở rộng riêng biệt cho các phiên bản Bootstrap chính khác nhau

Đối với Bootstrap 4, hãy sử dụng lớp

from flask import Flask
# To follow the naming rule of Flask extension, although
# this project's name is Bootstrap-Flask, the actual package
# installed is named `flask_bootstrap`.
from flask_bootstrap import Bootstrap5

app = Flask(__name__)
bootstrap = Bootstrap5(app)
1

from flask_bootstrap import Bootstrap4

# ...
bootstrap = Bootstrap4(app)

và nhập macro từ đường dẫn mẫu

from flask import Flask
# To follow the naming rule of Flask extension, although
# this project's name is Bootstrap-Flask, the actual package
# installed is named `flask_bootstrap`.
from flask_bootstrap import Bootstrap5

app = Flask(__name__)
bootstrap = Bootstrap5(app)
2

________số 8

Đối với Bootstrap 5, hãy sử dụng lớp

from flask import Flask
# To follow the naming rule of Flask extension, although
# this project's name is Bootstrap-Flask, the actual package
# installed is named `flask_bootstrap`.
from flask_bootstrap import Bootstrap5

app = Flask(__name__)
bootstrap = Bootstrap5(app)
3

from flask import Flask
# To follow the naming rule of Flask extension, although
# this project's name is Bootstrap-Flask, the actual package
# installed is named `flask_bootstrap`.
from flask_bootstrap import Bootstrap5

app = Flask(__name__)
bootstrap = Bootstrap5(app)
0

và nhập macro từ đường dẫn mẫu

from flask import Flask
# To follow the naming rule of Flask extension, although
# this project's name is Bootstrap-Flask, the actual package
# installed is named `flask_bootstrap`.
from flask_bootstrap import Bootstrap5

app = Flask(__name__)
bootstrap = Bootstrap5(app)
4

from flask import Flask
# To follow the naming rule of Flask extension, although
# this project's name is Bootstrap-Flask, the actual package
# installed is named `flask_bootstrap`.
from flask_bootstrap import Bootstrap5

app = Flask(__name__)
bootstrap = Bootstrap5(app)
2

Đường dẫn mẫu của lớp

from flask import Flask
# To follow the naming rule of Flask extension, although
# this project's name is Bootstrap-Flask, the actual package
# installed is named `flask_bootstrap`.
from flask_bootstrap import Bootstrap5

app = Flask(__name__)
bootstrap = Bootstrap5(app)
5 và lớp
from flask import Flask
# To follow the naming rule of Flask extension, although
# this project's name is Bootstrap-Flask, the actual package
# installed is named `flask_bootstrap`.
from flask_bootstrap import Bootstrap5

app = Flask(__name__)
bootstrap = Bootstrap5(app)
6 không được dùng nữa kể từ 2. 0 và sẽ bị xóa sau 3. 0

Di chuyển từ Flask-Bootstrap

Nếu bạn đến từ Flask-Bootstrap, hãy xem hướng dẫn này về cách di chuyển sang tiện ích mở rộng này

Đóng góp

Để được hướng dẫn về cách thiết lập môi trường phát triển và cách đóng góp cho Bootstrap-Flask, hãy xem hướng dẫn đóng góp của Flask và

Giấy phép

Dự án này được cấp phép theo Giấy phép MIT (xem tệp

from flask import Flask
# To follow the naming rule of Flask extension, although
# this project's name is Bootstrap-Flask, the actual package
# installed is named `flask_bootstrap`.
from flask_bootstrap import Bootstrap5

app = Flask(__name__)
bootstrap = Bootstrap5(app)
7 để biết chi tiết). Một số macro là một phần của Flask-Bootstrap và đã được sửa đổi theo các điều khoản của Giấy phép BSD của nó

Tại sao nên sử dụng Bootstrap với Flask?

Bản thân Bootstrap là khung CSS phổ biến nhất được sử dụng để phát triển các trang web đáp ứng và ưu tiên thiết bị di động. Ngăn xếp công nghệ này cho phép phát triển các ứng dụng web nhanh hơn và dễ dàng hơn do Flask xây dựng .

Tôi có thể sử dụng Bootstrap với Python không?

Khi lập trình bằng Python, thông thường bạn sẽ sử dụng một khung web, một khung rất phổ biến là Django. May mắn thay, có một dự án sử dụng Bootstrap trong Django . Đây là trên Pypi. org nên việc cài đặt là công việc thường xuyên. Nhiều khả năng bạn đang chạy một môi trường ảo, hãy kích hoạt nó và cài đặt bằng pip.

Flask sử dụng phiên bản Bootstrap nào?

Flask- Bootstrap 3. 3 .

Cách khởi tạo Flask

Flask-Bootstrap cần được khởi tạo giống như hầu hết các tiện ích mở rộng Flask khác. ứng dụng/__init__. py. Phiên bản Flask-Bootstrap . Với phần mở rộng được khởi tạo, một bootstrap/base. mẫu html có sẵn và có thể được tham chiếu từ các mẫu ứng dụng với mệnh đề mở rộng.