Twitter Bootstrap

De WikiEducator
< Usuario:Juanda‎ | bootstrap
Revisión a fecha de 09:37 24 feb 2014; Juanda (Discusión | contribuciones)

(dif) ← Revisión anterior | Revisión actual (dif) | Revisión siguiente → (dif)
Saltar a: navegación, buscar


Requerimientos previos

  • html
  • Conocimiento básico de javascript y jQuery
  • Conocimiento básico de css

¿Qué es Twitter Bootstrap?

  • Es el framework de Twitter que permite crear interfaces web con CSS y Javascript
  • The most popular front-end framework for developing responsive, mobile first projects on the web.

Versiones de Bootstrap

  • La versión 3 salió el 19 de Agosto de 2013, ver blog.
  • Ojo con documentación, consultas en stackoverflow, etc. hay mucha más información de Bootstrap 2. ¡Debemos mirar con cuidado!

Descargas de Bootstrap

  • Compilada y comprimida. Sin documentos ni fuentes originales.
  • Sin compilar ni comprimir. Los fuentes de CSS están en Less.
  • Sin compilar ni comprimir. Los fuentes de CSS están en Sass.

Utilidad de Bootstrap

  • Tenemos dos opciones para utilizar Bootstrap:
  • Utilizar exclusivamente su sistema de rejilla (grid) para colocar elementos y responsividad.
  • Utilizar su diseño: botones, labels, etc así como su librería de javascript (basada en jQuery).

Diseño con Bootstrap

  • Modificaremos a partir de los ficheros less existentes.
  • Crearemos themes.
  • También podremos optar por descargar themes existentes (muchos de pago).