Please enable JavaScript.
Coggle requires JavaScript to display documents.
Bootstrap (Componentes (Iconos, Menús Desplegables, Grupos de Botones,…
Bootstrap
¿Qué es?
Bootstrap es un framework desarrollado y liberado por Twitter que tiene como objetivo facilitar el diseño web, específicamente en el campo de UI.
Versiones
Versión 1
v1.4.0, v1.3.0, v1.2.0, v1.1.1, v1.1.0 , v1.0.0
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,v3.0.1,v3.0.0, v3.3.6 v3.0.0, v3.3.7
Versión 4
v4.0.0
Componentes
Iconos
Menús Desplegables
Grupos de Botones
Botones Desplegables
Grupos de Campos de Formulario
Elementos de Navegación
Barras de Navegación
Migas de Pan
Paginadores
Etiquetas
Badges
Jumbotron
Encabezados de página
Alertas
Barras de Progreso
¿Por qué usar Bootstrap?
Generalmente el resultado de su implementación gusta a clientes y usuarios. La gran mayoría de personas que buscan crear una página web, esperan que la navegación en su página sea una experiencia agradable y atractiva, en donde quiera que esta se visualice. Con Bootstrap se consigue esto mismo lo cual se conoce mejor como responsividad, además de que la carga de la web sea rápida y que la navegación sea fluida e intuitiva.
Ventajas
Cuenta con un mantenimiento y actualización realizados por Twitter: esto no quiere decir que esta herramienta sea perfecta, pero gran parte del trabajo interno ya está llevado a cabo por sus creadores.
Ofrece un paquete de elementos web personalizables: con Bootstrap puedes diseñar una web jugando con sus elementos compuestos por diferentes combinaciones de HTML, CSS y Javascript, de manera que las piezas siempre encajan.
Utiliza componentes vitales para los desarrolladores: como HTML5, CSS3, jQuery o GitHub, entre otros.
Sus plantillas son de sencilla adaptación responsive: se desarrolló con la idea de facilitar el proceso de adaptación web a todo tipo de dispositivos.
Incluye Grid system: muy útil para maquetar por columnas.
Se integra con librerías JavaScript.
Usa Less: un lenguaje de las hojas de estilo CSS preparado para enriquecer los estilos de la web.
Es una herramienta de uso ágil y sencillo: facilita enormemente el diseño de interfaces y además incluye por defecto una plantilla bastante optimizada.
Contiene tutoriales: este framework facilita mucha documentación para resolver dudas tanto a principiantes como a desarrolladores expertos.
Cada vez ofrece más plugins: cada vez incluye más características gracias a la aparición de nuevos plugins de terceros.
Desventajas
• Aprendizaje: es necesario adaptarse a su forma de trabajo, si bien su curva de aprendizaje es liviana, se deberá comprender y familiarizarse con la escritura y nomenclatura.
• Adaptación: Es necesario adaptar el diseño a un grid de 12 columnas, que se modifican según el dispositivo, y es donde surgen algunos conflictos.
• Mantenimiento: es complicado realizar labores de mantenimiento y cambio de versiones, sobre todo si se han realizado importantes cambios en el core.
• Ampliar componentes: si es necesario agregar componentes extras, es necesario realizarlo manualmente en un css y cuidar que mantenga coherencia con el diseño y la responsividad de la página o aplicación web, además de cuidar que no choquen los elementos o funcionalidades implementadas con las definidas por bootstrap.
• Procesamiento pesado: Boostrap no es ligero y además para algunas funcionalidades, será necesario implementar javascript o jquery.
Novedades
Cambio el uso de Less a Sass, y adaptación de variables a Sass.
Se eliminaron los componentes panel, thumbnail, y well para poner en su lugar cards.
Se elimino la fuente de Glyphicons.
Se elimino el componente pager.
Ya no soporta navegadores viejos, el caso de IE8, IE9, y iOS 6.
Se incorporó flexbox (módulo CSS3 para responsive design) y se retiró el soporte a cosas non-flexbox, además de cambios en el sistema de grids.
Casi todo se movió a flexbox, y se agregó una nueva estructura a los grids para dar mejor soporte a dispositivos móviles.
Se cambiaron las unidades de medida de pixels a root ems.
Unidades movidas a rem para un mejor control del tamaño de los componentes y tomar ventaja de CSS más nuevo.
Se incrementó el tamaño de letra default, de 14px a 16px.
En general se reescribieron casi todos los componente, plugins y documentación.c
Plugin Javascript reescritos.
Mejoras en tooltips, popovers y dropdowns
Controles de formularios, rediseño del carrusel, menus, HTML5 para validaciones y estilos, y cientos de clases utilitarias y nuevos componentes han sido incluidos.