Versiones y Herramientas de Bootstrap
Diego Angel de Jesús Alvizures Orantes
grado: 6TO. computación sección: "a"
cLAVE: 2
Versiones _____________________________ 1 --Inicios de bootstrap __________________ 2 --Bootstrap 2 y 3 ______________________ 3 --bootstrap 4 _________________________ 4 --bootstrap 5 _________________________ 5 herramientas __________________________ 6 --form control _________________________ 7 --Alerts _______________________________ 7 --Spinners _____________________________ 8 --navbar ______________________________ 8 --cards _______________________________ 9 --modal _______________________________ 9 --buttons _____________________________ 10 --Carousel ____________________________ 10 --Close buttons ________________________ 11 --progress ____________________________ 11 indice Contenido Pág
Versiones
Inicios de Bootstrap
Después de unos meses de desarrollo por parte de un pequeño grupo, muchos desarrolladores de Twitter comenzaron a contribuir al proyecto como parte de una haackweek, una semana estilo hackatón para el equipo de desarrollo de Twitter.
Se renombró de Twitter Blueprint a Bootstrap y se lanzó como proyecto de código abierto el 19 de agosto de 2011.9 Mark Otto, Jacob Thornton y un pequeño grupo de desarrolladores principales, así como una gran comunidad de contribuyentes.
Bootstrap 2 y 3
El 31 de enero de 2012, se lanzó Bootstrap 2, que agregó soporte integrado para glyphicons, varios componentes nuevos, así como cambios en muchos de los componentes existentes.
Se renombró de Twitter Blueprint a Bootstrap y se lanzó como proyecto de código abierto el 19 de agosto de 2011.9 Mark Otto, Jacob Thornton y un pequeño grupo de desarrolladores principales, así como una gran comunidad de contribuyentes.
Bootstrap 4
Mark Otto anunció Bootstrap 4 el 29 de octubre de 2014.12 La primera versión alfa de Bootstrap 4 se lanzó el 19 de agosto de 2015.13 La primera versión beta se lanzó el 10 de agosto de 2017. Mark suspendió el trabajo en Bootstrap 3 el 6 de septiembre de 2016 para liberar tiempo para trabajar en Bootstrap 4. Bootstrap 4 se finalizó el 18 de enero de 2018.
Los cambios importantes incluyen:
Reescritura importante del código
Reemplazo de Less con Sass
Adición de Reboot, una colección de cambios
CSS específicos del elemento en un solo archivo, basado en Normalize
Dejar de admitir IE8, IE9 e iOS 6
Compatibilidad con CSS Flexible Box
Agregar opciones de personalización de navegación
Adición de utilidades de tamaño y espaciado sensibles
Cambiar de la unidad de píxeles en CSS a root ems
Aumento del tamaño de fuente global de 14px a 16px para mejorar la legibilidad
Soltar los componentes del panel, la miniatura, el localizador y el pozo
Soltar la fuente del icono Glyphicons
Gran número [cuantificar] de clases de servicios públicos
Estilo de formulario, botones, menús desplegables, objetos multimedia y clases de imágenes mejorados
Bootstrap 5
La versión 5 de Bootstrap fue anunciada por Mark Otto el 21 de diciembre de 2018 24 y, luego de 3 versiones alfas y 3 betas, fue lanzada oficialmente el 5 de mayo de 2021.25 Días después, el 13 de mayo, se lanzó el primer parche, la v5.0.1,26 la cual conformaría la última versión estable.
Los nuevos cambios y agregados fueron los siguientes:
Nuevo menú de componentes "offcanvas".
Se pasa de jQuery a Vanilla JavaScript. Migración de la documentación de Jekyll a Hugo.
Se retira el soporte para Internet Explorer 10 y 11, Microsoft Edge Legacy, y versiones inferiores a: Firefox 60, Safari 10 y Chrome 60.
El testing de infraestructura pasa de QUnit a Jasmine.
Inclusión de un nuevo set de iconos SVG y nuevas propiedades de CSS. API mejorada.
Mejora del sistema de cuadrícula.
Creación de la sección de formularios, con nuevos formularios incluidos.
Soporte RTL (right-to-left) para sistemas de escritura de derecha a izquierda.
Implementación de Dart Sass.
herramientas
form control 1.
Sirve para identificar un campo de entrada, ya sea un input , select o un textarea . Mediante la clase formcontrol vamos a conseguir que el elemento de entrada ocupe un 100% del contenedor en el cual está definido.
2. alerts
Proporciona mensajes de retroalimentación contextuales para las acciones típicas de los usuarios con mensajes de alerta disponibles y flexibles.
3. Spinners
Indica el estado de carga de un componente o una página con los indicadores giratorios de Bootstrap, creados completamente con HTML, CSS y sin JavaScript.
4. navbar
En el diseño web uno de los efectos más solicitados por los clientes es un menú transparente sobre una imagen de fondo. Este tipo de diseño es utilizado frecuentemente en el desarrollo de landing pages así como en páginas de contacto.
5. Cards
Una Card (o tarjeta) es un contenedor de contenido flexible y extensible. Incluye opciones para encabezados y pies de página, una amplia variedad de contenido, colores de fondo contextuales y potentes opciones de visualización.
6. modal
Use el complemento modal de JavaScript de Bootstrap para agregar cuadros de diálogo a su sitio para cajas de luz, notificaciones de usuario o contenido completamente personalizado.
7. buttons
Se usan los estilos de botones personalizados de Bootstrap para acciones en formularios, cuadros de diálogo y más con soporte para múltiples tamaños, estados y más.
8. Carousel
El carrusel es una presentación de diapositivas para recorrer una serie de contenido, creado con transformaciones CSS 3D y un poco de JavaScript. Funciona con una serie de imágenes, texto o marcas personalizadas.
9. Close button
Un botón de cierre genérico para descartar contenido como modals y alerts.
10. progress
Normalmente se las utiliza para indicar cuanto se ha avanzado en una actividad. Los componentes de progreso se construyen con dos elementos HTML, algo de CSS para establecer el ancho y algunos atributos.
A continuación encontrará una revista sobre las distintas versiones de bootstrap y 10 herramientas que podemos utilizar para complementar nuestras páginas web. Principalmente se encontrará información relevante sobre que hace cada herramienta y una pequeña ilustración para complementar la información
