Bootstrap 4 helper for Flask/Jinja2. Based on Flask-Bootstrap, but lighter and better.
$ pip install bootstrap-flask
from flask_bootstrap import Bootstrap
from flask import Flask
app = Flask(__name__)
bootstrap = Bootstrap(app)
When development, Bootstrap-Flask provides two helper functions that can be used to generate
resources load code in template: bootstrap.load_css() and bootstrap.load_js()
Call it at your template, for example:
<head>
{{ bootstrap.load_css() }}
</head>
<body>
...
{{ bootstrap.load_js() }}
</body>| Macro | Templates Path | Description |
|---|---|---|
| render_field() | bootstrap/form.html | Redner a WTForms form field |
| render_form() | bootstrap/form.html | Render a WTForms form |
| render_pager() | bootstrap/pagination.html | Render a basic pagination, only include previous and next button. |
| render_pagination() | bootstrap/pagination.html | Render a standard pagination |
| render_nav_item() | bootstrap/nav.html | Render a navigation item |
| render_breadcrumb_item() | bootstrap/nav.html | Render a breadcrumb item |
| render_static() | bootstrap/utils.html | Render a resource reference code (i.e. <link>, <script>) |
How to use these macors? It's quite simple, just import them from the correspond path and then call them like any other macro:
{% from 'bootstrap/form.html' import render_form %}
{{ render_form(form) }}API documentation will coming soon...
$ git clone https://github.com/greyli/bootstrap-flask.git
$ pip install flask flask-wtf flask-sqlalchemy bootstrap-flask
$ cd bootstrap-flask/examples
$ flask run
Now go to http://localhost:5000.
Release date: 2018/7/16
- Include
popper.jsbeforebootstrap.jsinbootstrap.load_js(). (#2)
Release date: 2018/7/1
- Fix local resources path error
- Add basic unit tests
Release date: 2018/6/11
Initialize release.
This project is licensed under the MIT License (see the
LICENSE file for details).