Twitter Bootstrap
De WikiEducator
< Usuario:Juanda | bootstrap
Saltar a: navegación, buscar
Twitter Bootstrap
Tutorial para desarrollar con este conocido framework de CSS
Introducción | Ficheros less | Themes
Contenido
Introducción
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.
Documentación de Bootstrap
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).
