Acceder al sistema de administración

Instalar Bootstrap en Django.

Instalar Bootstrap en Django.

¿Qué es Bootstrap?


Bootstrap es un Framework desarrollado por Twitter que nos facilita en gran medida la adaptación de estilos CSS y funcionalidades JS en nuestros proyectos Webs.
 
Nosotros lo vamos a implementar en Django, pero podemos utilizarlo en Wordpress, Joomla, Drupal, etc, o simplemente usarlo como base de un proyecto desarrollado en HTML, PHP o cualquier otro leguaje.
 
La implementación de Bootstrap en Django es muy fácil y conseguiremos tener un estilo limpio y simple como base, lo que nos dará cierta agilidad a la hora de cargar nuestras páginas  en los navegadores.
 
Algo muy interesante de este Framework es que su desarrollo es Responsive Web Design, pero, ¿qué significa esto?
 
Responsive Web Design, Diseño Web Adaptable o Adaptativo es una técnica de diseño y desarrollo Web que facilita la optimización de nuestro sitio Web a cualquier tipo de dispositivo, cubriendo todas las resoluciones de pantalla con tan solo un archivo HTML y CSS, reduciendo en gran medida los costes de creación y desarrollo.
 
Blog - Rubén Arranz || Django || Bootstrap Responsive Web Design 
 
Para más información sobre Twitter Bootstrap os podéis dirigir a http://getbootstrap.com/
 
Bien, después de esta pequeña introducción de lo que es y hace este fantástico Framework, pasemos a ver como lo podemos instalar en Django.
 
Vamos a utilizar django-admin-bootstrapped de Ricardo Forina.
 
Para ello nos dirigimos a la consola de comandos, nos situamos en la Raíz del proyecto Django y ejecutamos el siguiente comando, pip install django-admin-bootstrapped.
 

  1.  (Deploy) H:\Deploy\tupresenciaonline\pip install django-admin-bootstrapped


Tras instalarlo, tenemos que registrar la aplicación en Django y para esto se ha de añadir  django_dmin_bootstrapped en la variable INSTALLED_APPS (situada en nuestro archivo settings.py) y antes de la línea django.contrib.admin
 
Entonces, siguiendo el ejemplo de la entrada 'Creación de un proyecto en Django' nuestro INSTALLED_APPS quedaría de la siguiente forma.
 

  1. INSTALLED_APPS = (

  2.     'django.contrib.auth',

  3.     'django.contrib.contenttypes',

  4.     'django.contrib.sessions',

  5.     'django.contrib.sites',

  6.     'django.contrib.messages',

  7.     'django.contrib.staticfiles',

  8.     'django_admin_bootstrapped',

  9.     # Uncomment the next line to enable the admin:

  10.     'django.contrib.admin',

  11.     'django.contrib.flatpages',

  12.     # Uncomment the next line to enable admin documentation:

  13.     'django.contrib.admindocs',

  14.     'tupresenciaonline',

  15. )


Fijaros que hemos añadido la línea nº. 8
 

Y con estos sencillos pasos ya tendremos totalmente funcional Bootstrap en Django.
 
Volvemos a la consola de comandos y levantamos el servidor con manage.py runserver.
 


  1.  (Deploy) H:\Deploy\tupresenciaonline\manage.py runserver


 Blog - Rubén Arranz || Django || Arrancando el servidor Django
 
Comprobemos que pasa en nuestro proyecto. Nos dirigimos a http://127.0.0.1:8000/admin en el navegador Web y... surge la magia!!
 
Blog - Rubén Arranz || Django || Panel de Administración Django con Bootstrap
 
Ahora solo falta disfrutar del nuevo diseño CSS y funcionalidades JS de nuestro proyecto.
 
También podéis ver todos estos pasos en video siguiendo este link 'Instalar Bootstrap en Django'


Creado por el día 9 de Febrero de 2014


Volver




blog comments powered by Disqus

Propiedades de la entrada

Título: Instalar Bootstrap en Django.

Categoria: Django

Etiquetas: Bootstrap CSS Django Instalación

Comentarios: Ver Comentarios

Comparte esta entrada: