Please enable JavaScript.
Coggle requires JavaScript to display documents.
Bootstrap (Versiones (Versión 2 (v2.3.2, v2.3.1, v2.3.0, v2.2.2, v2.2.1,…
Bootstrap
Versiones
Versión 2
v2.3.2, v2.3.1, v2.3.0, v2.2.2, v2.2.1, v2.2.0, v2.1.1, v2.1.0, v2.0.4, v2.0.3, v2.0.2, v2.0.1, v2.0.0
Versión 3
v3.1.1, v3.1.0, v3.0.3, [1], v3.0.1, v3.0.0, v3.3.6, v3.0.0, v3.3.7
Versión 1
v1.4.0, v1.3.0, v1.2.0, v1.1.1, v1.1.0, v1.0.0
Versión 4
v4.0.0
¿Qué es?
Framework originalmente que permite crear interfaces web con CSS y JavaScript, cuya particularidad es la de adaptar la interfaz del sitio web al tamaño del dispositivo en que se visualice. Esta técnica de diseño y desarrollo se conoce como “responsive design” o diseño adaptativo.
Componentes
• Botones
• Barra de navegación
• Carrusel
• Templates
• Inputs
• Formularios
¿Por qué Bootstrap?
A diferencia de CSS (aunque básicamente sean lo mismo), Bootstrap es una herramienta mucho más fácil de utilizar, ya que la mayoría del código que necesitas se requiere, se encuentra en páginas de apoyo para el usuario, y el hecho de tener ya el código no quiere decir que por eso sea sencillo, en lo personal, el código es mucho más fácil de entender.
Ventajas
•Cuenta con un mantenimiento y actualización
.•Ofrece un paquete de elementos web personalizables.
•Utiliza componentes vitales para los desarrolladores: como HTML5, CSS3, jQuery o GitHub, entre otros.
•Sus plantillas son de sencilla adaptación responsive.
•Muy útil para maquetar por columnas.
•Se integra con librerías JavaScript.
•Es una herramienta de uso ágil y sencillo
Desventajas
•Aprendizaje: es necesario adaptarse a su forma de trabajo, si bien su curva de aprendizaje es liviana, deberás comprender y familiarizarte con su estructura y nomenclatura.
•Adaptación: debes adaptar tu diseño a un grid de 12 columnas.
•Es complicado, cambiar de versión si has realizado modificaciones.
•Si necesitas añadir componentes que no existen, debes hacerlos tú mismo en css y cuidar de que mantenga coherencia con tu diseño y cuidando el responsive.
•No es ligero.
Novedades Bootstrap 4
1.Soporte para Flexbox.
2.Paneles contenedores para tarjetas.
3.Abandono de soporte para Internet Explorer 8.
4.Hola ECMAScript 6.
5.Tooltips avanzados con Tether.
6.Nueva unidad de medida (rems) para la tipografía.
7.Nuevas clases para elementos.
8.Glyphicons nos deja.
9.Nueva medida para los Embeds.
10.Adiós al preprocesador LESS, bienvenido Sass.