Bootstrap

Twitter Bootstrap es un framework o conjunto de herramientas de Código abierto para diseño de sitios y aplicaciones web. Contiene plantillas de diseño con tipografía, formularios, botones, cuadros, menús de navegación y otros elementos de diseño basado en HTML y CSS, así como, extensiones de JavaScript opcionales adicionales.

Es el proyecto más popular en GitHub y es usado por la NASA y la MSNBC junto a demás organizaciones.

¿Por qué usar BootStrap? Nos ahorramos tiempo de diseño que podemos invertir en programación.

Bootstrap 3, el manual oficial

• Capítulo 1.
  • 1.1. Primeros pasos
  • 1.2. Contenidos de Bootstrap
  • 1.3. La primera plantilla Bootstrap
  • 1.4. La comunidad Bootstrap
  • 1.5.  Desactivando el diseño responsive
  • 1.6. Actualización de Bootstrap 2.X a 3.0
  • 1.7. Compatibilidad con los navegadores
  • 1.8. Accesibilidad
  • 1.9. La licencia de Bootstrap
  • 1.10. Personalizando Bootstrap
• Capítulo 2.
  • 2.1 Diseñando con rejilla
  • 2.2. Tipos de rejillas
  • 2.3. Reseteando columnas
  • 2.4. Desplazando columnas
  • 2.5. Anidando columnas
  • 2.6. Reordenando las columnas
  • 2.7. Variables y mixins de LESS
• Capítulo 3.  Tipografía
  • 3.1. Titulares
  • 3.2. Texto
  • 3.3. Énfasis
  • 3.4. Clases CSS
  • 3.5. Abreviaturas
  • 3.6. Direcciones
  • 3.7. Blockquotes
  • 3.8. Listas
  • 3.9. Código
• Capítulo 4. Elementos CSS
  • 4.1.  Tablas
  • 4.2.  Imágenes
  • 4.3. Utilidades
• Capítulo 5. Formularios
  • 5.1. Formulario básico
  • 5.2. Formulario en línea
  • 5.3. Formularios horizontales
  • 5.4.  Campos de formulario
  • 5.5. Estados de formulario
  • 5.6. Redimensionando campos de formulario
  • 5.7.  Mensajes de ayuda
  • 5.8. Botones
• Capítulo 6. Componentes
  • 6.1.  Iconos (glyphicons)
  • 6.2. Menús desplegables
  • 6.3. Grupos de botones
  • 6.4.  Botones desplegables
  • 6.5. Grupos de campos de formulario
  • 6.6. Elementos de navegación
  • 6.7. Barras de navegación
  • 6.8. Migas de pan
  • 6.9. Paginadores
  • 6.10. Etiquetas
  • 6.11. Badges
  • 6.12. Jumbotron
  • 6.13. Encabezado de página
  • 6.14. Imágenes en miniatura
  • 6.15. Mensajes de alerta
  • 6.16. Barras de progreso
  • 6.17. Objetos multimedia
  • 6.18. Listas de elementos
  • 6.19. Paneles
  • 6.20. Pozos