Flask - bootstrap es una extensión de flask que permite utilizar desde el motor de template varias funcionalidades de Bootstrap de foma sencilla.
Instalación
puede ser instalado utilizando pypi
pip install flask-bootstrap
Uso básico
El primer paso es importar y cargar la extensión.
from flask import Flask from flask_bootstrap import Bootstrap def create_app(): app = Flask(__name__) Bootstrap(app) return app # do something with app...
Con esto los templates ya podrán hacer uso de sus funcionalidades.
Templates
En los templates se puede basar de Bootstrap/base.html para poder utilizar las secciones (Blocks) básicos de bootstrap, enre éstos están "title", "navbar", "content".
% extends "bootstrap/base.html" %} {% block title %}This is an example page{% endblock %} {% block navbar %} <div class="navbar navbar-fixed-top"> <!-- ... --> </div> {% endblock %} {% block content %} <h1>Hello, Bootstrap</h1> {% endblock %}
Bloques disponibles
Los bloques disponibles en esta extensión son:
Ejemplos
Para agregar un estilo
{% block styles %} {{super()}} <link rel="stylesheet" href="{{url_for('.static', filename='mystyle.css')}}"> {% endblock %}
Agregar JS
{% block scripts %} <script src="{{url_for('.static', filename='myscripts.js')}}"></script> {{super()}} {% endblock %}
Atributos en HTML
Para agregar en la etiqueta HTML el atributo Lang="es" sería de la siguiente manera:
{% block html_attribs %} lang="sn"{% endblock %}
Estos son sólo algunas de las funcionalidades que tiene Flask-bootstrap, si quieres conocer más puedes consultar el sitio oficial
Fuente: Flask-bootstrap