Cuando desea hacer que un sitio web sea bueno, recurre a CSS. No hay mejor manera que eso. Debido a que hay muchas complejidades con CSS, los desarrolladores han presentado formas de empaquetar 'estilos'. La elección más común es Bootstrap, desarrollada originalmente por y para Twitter. Este no es, en absoluto, el único marco CSS, por lo que verá más en este artículo.

Bootstrap django

Al programar en Python, normalmente usaría un marco web, uno muy común es Django. Afortunadamente, hay un proyecto para usar bootstrap en django. Esto está en Pypi.org de instalación es la rutina regular. Lo más probable es que esté ejecutando un entorno virtual, activelo e instale con PIP.

$ PIP Instale Django-Bootstrap3

El mismo equipo admite Bootstrap4, ese proyecto tiene una calificación de cobertura del 89%, por lo que puede faltar su característica particular. Tienes que tomar esa decisión tú mismo. Ahora, debe agregar esta aplicación a su configuración '.Py 'Archivo.

Instalado_apps = [
'Django.apagar.administración',
'Django.apagar.autenticación,
'Django.apagar.tipos de contenido',
'Django.apagar.sesiones ',
'Django.apagar.mensajes,
'Django.apagar.files static ',
'Bootstrap3',
]

Ahora, puede usar bootstrap en su código de sitio. Dado que está utilizando Django, tiene un directorio de plantillas definido en su configuración '.Py 'Archivo. En la plantilla principal, agregue el siguiente código.

% de carga bootstrap3 %

% bootstrap_form forma %
% botones %

% Bootstrap_icon "Star"% Enviar

% endbuttons %

Los dos valores en este código que es interesante son "Bootstrap*", estos son etiquetas de plantilla y filtros que puede buscar cómo usar en la documentación Django-Bootstrap. El código % Botones % también puede incluir parámetros que determinan el texto para enviar y restablecer el formulario. Cuando se avance más, asegúrese de agregar bootstrap3 a su configuración.py. También hay plantillas para errores y mensajes que puede usar para controlar cómo se muestran los errores en su sitio web.

Bootstrap frascos

En Flask también tiene un módulo llamado Flask-Bootstrap, esto se instala en su entorno virtual utilizando PIP como de costumbre.

$ PIP Instalar frasco-bootstrap

El módulo funciona de manera muy similar, no es sorprendente ya que ambos usan el motor de plantillas Jinja2. La importación es una forma más directa de usar las funciones de bootstrap, por lo que debe importar el módulo en la parte superior de su 'aplicación.Py 'Archivo. Debe agregar bootstrap a su definición de 'aplicación' en el mismo archivo.

de Flask Import Flask
de frask_bootstrap importar bootstrap
Def create_app ()::
App = Flask (__ Nombre__)
Bootstrap (aplicación)
Aplicación de devolución

Cuando tenga esto importado, solo necesita agregarlo a sus plantillas de la misma manera que lo haría en un sitio web regular. La diferencia es que tiene bloques que definen cómo se ven las diferentes piezas en su sitio web. Revise los bloques que tiene disponibles en su sitio web. De lo contrario, llamas al marco de la misma manera que lo harías en Django. Hay muchas macros disponibles, yo.mi. Soporte de WTForms.

Otras opciones

También tienes proyectos similares para Cubicweb, llamado Cubicweb-Bootstrap. La instalación es como de costumbre, PIP Instalar. Contiene toda la biblioteca y algunas rutinas para usarla.

Si no encuentra una solución que se adapte a usted, investigue con qué Fanstatic puede ayudarlo. Crea formas de importar dependencias de JavaScript en su código Python. Esto también funciona con archivos CSS. Este marco está hecho para aprovechar cualquier marco web compatible con WSGI, así que busque esto para ver sus necesidades específicas.

Conclusión

Si desea usar CSS para alegrar su sitio web, la forma más eficiente es usar un marco existente. La interfaz de esos marcos ya está allí, solo ponga su estilo en sus plantillas y su bien. Python y la mayoría de los marcos disponibles tienen rutinas potentes para bases de datos, CSS y muchas otras cosas que lo mantendrán en control y también le permitirán crear cosas increíbles rápidamente y eficientemente.

Lista de referencia:

https: // pypi.org/Project/Bootstrap4/
https: // pypi.org/Project/Cubicweb-Bootstrap/#History
https: // pypi.org/Project/Django-Bootstrap-Fields/#Historia
https: // github.com/Gobept/JS.bootstrap4
http: // mkdocs.github.io/mkdocs-bootstrap/
https: // cssselect.readthedocs.io/en/Último/