Skip to main content

Include Bootstrap4 in your Flask project

Project description

Flask-BS4

Bootstrap v5.0.0-beta1

Downloads Downloads Downloads

Discrepancies to the Bootstrap Documentation:

  • _wrap_boolean will have an additional div without classes if the form_type is basic or floating

Usage

Here is an example:

from flask_bs4 import Bootstrap

[...]

Bootstrap(app)

This makes some new templates available, containing blank pages that include all bootstrap resources, and have predefined blocks where you can put your content.

As of version 3, Flask-Bootstrap has a proper documentation, which you can check for more details.

Sample App

Welcome to the Flask-BS4 sample app. This will give you an overview of how the Flask-BS4 package can render different types of input fields.

First you should create a virtual environment. I prefer using:

$ python3 -m venv venv

To run this application yourself, please install its requirements first:

$ pip install -r sample_app/requirements.txt

Then, you can actually run the application. Optionally you can set FLASK_ENV=development.

$ export FLASK_APP=sample_app
$ flask run

Afterwards, point your browser to localhost:5000, then check out the source.

This is a fork of Flask-Bootsrap upgraded to Bootstrap 5.x.x.

Flask-Bootstrap packages Bootstrap into an extension that mostly consists of a blueprint named bootstrap. It can also create links to serve Bootstrap from a CDN and works with no boilerplate code in your application.

Project details


Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distribution

Flask-BS4-5.3.1.0.tar.gz (1.6 MB view hashes)

Uploaded Source

Built Distribution

Flask_BS4-5.3.1.0-py3-none-any.whl (1.6 MB view hashes)

Uploaded Python 3

Supported by

AWS AWS Cloud computing and Security Sponsor Datadog Datadog Monitoring Fastly Fastly CDN Google Google Download Analytics Microsoft Microsoft PSF Sponsor Pingdom Pingdom Monitoring Sentry Sentry Error logging StatusPage StatusPage Status page