Flask-bootstrap

  
11 de Noviembre de 2016   0  

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



Gaspar Dzul

Desarrollador Front End y Móvil.

Temas relacionados