Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/hfilimonescu/flask-bs4

Bootstrap 4 & 5 support for Flask
https://github.com/hfilimonescu/flask-bs4

bootstrap cdn flask-bootstrap flask-bs4

Last synced: 3 months ago
JSON representation

Bootstrap 4 & 5 support for Flask

Awesome Lists containing this project

README

        

# Flask-BS4

## Bootstrap v5.0.0-beta1

[![Downloads](https://pepy.tech/badge/flask-bs4)](https://pepy.tech/project/flask-bs4)
[![Downloads](https://pepy.tech/badge/flask-bs4/month)](https://pepy.tech/project/flask-bs4/month)
[![Downloads](https://pepy.tech/badge/flask-bs4/week)](https://pepy.tech/project/flask-bs4/week)

### 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:

```python
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](http://pythonhosted.org/Flask-Bootstrap), 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:

```bash
$ python3 -m venv venv
```

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

```bash
$ pip install -r sample_app/requirements.txt
```

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

```bash
$ export FLASK_APP=sample_app
$ flask run
```

Afterwards, point your browser to [localhost:5000](http://localhost:5000),
then check out the source.

***This is a fork of [Flask-Bootsrap](https://pypi.org/project/Flask-Bootstrap/) upgraded to Bootstrap 5.x.x.***

Flask-Bootstrap packages [Bootstrap](http://getbootstrap.com) 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.