Bootstrap (marco)

La versión actual de la página aún no ha sido revisada por colaboradores experimentados y puede diferir significativamente de la versión revisada el 8 de febrero de 2022; las comprobaciones requieren 11 ediciones .

Oreja
Tipo de	Framework CSS y software libre y de código abierto
Autor	Mark Otto , Jacob Thorton
Desarrollador	Equipo central de Bootstrap
Escrito en	JavaScript , CSS , HTML y Sass
Sistema operativo	multiplataforma
Primera edición	19 de agosto de 2011
plataforma de hardware	Plataforma web y Microsoft Windows
ultima versión	5.2.2 ( 3 de octubre de 2022 ) [1]
Licencia	licencia MIT [2]
Sitio web	getbootstrap.com _  _
Archivos multimedia en Wikimedia Commons

Bootstrap  (también conocido como Twitter Bootstrap [3] [4] [5] ) es un conjunto gratuito de herramientas para crear sitios web y aplicaciones web . Incluye plantillas de diseño HTML y CSS para tipografía , formularios web, botones, etiquetas, bloques de navegación y otros componentes de la interfaz web, incluidas las extensiones de JavaScript .

Bootstrap utiliza desarrollos modernos en CSS y HTML , por lo que debe tener cuidado al admitir navegadores más antiguos [6] .

Historia

Esta biblioteca comenzó a desarrollarse como una biblioteca interna de Twitter llamada Twitter Blueprint . Después de varios meses de desarrollo, fue lanzado bajo el nombre de Bootstrap el 19 de agosto de 2011 [7] .

Las principales novedades de la segunda versión, que apareció el 31 de enero de 2012, fueron la cuadrícula de 12 columnas y el soporte de adaptabilidad [8] .

La tercera versión fue lanzada el 19 de agosto de 2013. En él, se desarrolló aún más la adaptabilidad, se hizo una transición al concepto de mobile first , optimización principalmente para dispositivos móviles. El diseño predeterminado se volvió plano [9] .

El trabajo en la cuarta versión comenzó el 29 de octubre de 2014 [10] . La versión alfa fue lanzada el 19 de agosto de 2015 [11] . La primera versión beta se lanzó el 10 de agosto de 2017 [12] . La segunda versión beta se lanzó el 19 de octubre de 2017 [13] . El 18 de enero de 2018 se lanzó la primera versión estable de Bootstrap 4 [14] .

Herramientas básicas

Herramientas básicas de Bootstrap:

• Las cuadrículas  son tamaños de columna predefinidos que se pueden usar de inmediato, por ejemplo, un ancho de columna de 140 px pertenece a una clase .span2( .col-md-2en la tercera versión del marco) que se puede usar en la descripción CSS del documento.
• Plantillas  : plantilla de documento fija o de goma.
• Tipografía  : descripciones de fuentes , definiendo algunas clases para fuentes , como código, comillas, etc.
• Medios  : brinda cierto control sobre las imágenes y los videos.
• Las tablas  son medios para diseñar tablas, hasta agregar la funcionalidad de clasificación.
• Formas  : clases para decorar formas y algunos eventos que ocurren con ellas.
• Navegación  : clases de diseño para paneles, pestañas, transiciones de página, menús y barras de herramientas.
• Alertas  : el diseño de cuadros de diálogo, sugerencias y ventanas emergentes.

Bootstrap 4

El 29 de octubre de 2014, Mark Otto anunció que Bootstrap 4 estaba en desarrollo. El 6 de septiembre de 2016, Mark detuvo el trabajo en Bootstrap 3 para liberar tiempo para trabajar en Bootstrap 4. Hasta la fecha, se han realizado más de 4000 cambios en el código principal de Bootstrap 4. La primera versión estable se lanzó el 18 de enero de 2018.

Bootstrap 4 es una reescritura casi completa de Bootstrap 3. La lista de los cambios más significativos:

• Las fuentes web predeterminadas (Helvetica Neue, Helvetica, Arial) se integran en Bootstrap 4 y se reemplazan con un conjunto de fuentes nativas para una reproducción de texto óptima en cualquier dispositivo y sistema operativo.
• Pasar de usar Less a Sass .
• IE8, IE9 e iOS 6 no son compatibles.
• Se agregó soporte para Flexbox y luego se deshabilitó el soporte para no flexbox.
• Cambie la unidad de medida base de px a rem.
• Se incrementó el tamaño de fuente global de 14px a 16px.
• Un nuevo componente de "tarjeta" que resume los paneles y otros componentes.
• Se eliminó la fuente del icono Glyphicons.
• Componentes del buscapersonas eliminados.
• Casi todos los componentes, los complementos de jQuery y la documentación se han reescrito.

Bootstrap 5

Bootstrap 5 se lanzó oficialmente el 5 de mayo de 2021. [15] [16]

Los principales cambios incluyen: [17]

• Nuevo componente de menú fuera del lienzo
• Eliminando la dependencia de jQuery a favor de Vanilla JavaScript
• Reescribiendo la cuadrícula para que admita canaletas y columnas receptivas colocadas fuera de las filas.
• Portar documentación de Jekyll a Hugo
• Fin del soporte para Internet Explorer [18]
• Migración de la infraestructura de prueba de QUnit a Jasmine
• Agregar su propio conjunto de iconos SVG
• Agregar propiedades CSS personalizadas
• API mejorada
• Sistema de rejilla avanzado
• Configuración de documentos mejorada
• Formularios actualizados
• Soporte RTL

Véase también

• HTML
• HTML5
• CSS
• MENOS
• Marco CSS
• JavaScript
• jQuery

Notas

1. ↑ Versión 5.2.2 - 2022.
2. ↑ http://getbootstrap.com/
3. ↑ Cochran, 2012 .
4. ↑ Shaw (v.2), 2014 .
5. ↑ Shaw (v.3), 2014 .
6. ↑ Navegadores compatibles . Consultado el 12 de enero de 2016. Archivado desde el original el 18 de agosto de 2015. (indefinido)
7. ↑ Mark Otto. Bootstrap de Twitter . blog del desarrollador . Twitter (19 de agosto de 2011). Consultado el 27 de enero de 2016. Archivado desde el original el 23 de febrero de 2017. (indefinido)
8. ↑ Mark Otto. Saluda a Bootstrap 2.0 | Blogs de Twitter . blog del desarrollador . Twitter (31 de enero de 2011). Recuperado: 27 de enero de 2016. (indefinido)  (enlace no disponible)
9. ↑ Lanzamiento de Bootstrap 3 . Blog Bootstrap (19 de agosto de 2013). Consultado el 27 de enero de 2016. Archivado desde el original el 21 de octubre de 2016. (indefinido)
10. ↑ Lanzamiento de Bootstrap 3.3.0 . Blog Bootstrap (29 de octubre de 2014). Fecha de acceso: 27 de enero de 2016. Archivado desde el original el 24 de julio de 2016. (indefinido)
11. ↑ Bootstrap 4 alfa . Blog Bootstrap (19 de agosto de 2015). Consultado el 27 de enero de 2016. Archivado desde el original el 21 de agosto de 2015. (indefinido)
12. ↑ Bootstrap 4 Beta . Blog Bootstrap (10 de agosto de 2017). Consultado el 6 de octubre de 2017. Archivado desde el original el 8 de octubre de 2017. (indefinido)
13. ↑ Bootstrap 4 Beta 2 . Blog Bootstrap (19 de octubre de 2017). Consultado el 31 de octubre de 2017. Archivado desde el original el 1 de noviembre de 2017. (indefinido)
14. ↑ Bootstrap 4 . Blog Bootstrap (18 de enero de 2018). Consultado el 19 de enero de 2018. Archivado desde el original el 20 de enero de 2018. (indefinido)
15. ↑ Lanzamiento Versión v5.0.0 (# 33647 ) twbs/bootstrap  . GitHub . Consultado el 5 de mayo de 2021. Archivado desde el original el 5 de abril de 2022.
16. ↑ Bootstrap 5 . blog.getbootstrap.com . Consultado el 5 de abril de 2022. Archivado desde el original el 25 de marzo de 2022. (indefinido)
17. ↑ Cuadrícula de Bootstrap 5 por MartijnCuppens Solicitud de extracción n.º 28517 twbs/  bootstrap . GitHub . Consultado el 29 de septiembre de 2019. Archivado desde el original el 5 de abril de 2022.
18. ↑ v5: elimine la compatibilidad con Internet Explorer por parte de XhmikosR Pull Request #30377 twbs/  bootstrap . GitHub . Consultado el 7 de abril de 2020. Archivado desde el original el 5 de abril de 2022.

Literatura

Libros

• Jake Spurlock. Oreja. Desarrollo Web Responsivo . - O'Reilly , 2013. - 128 p. — ISBN 978-1-4493-4460-3 .
• David Cochran, Ian Whitley. Planos del sitio de Bootstrap . - Paquete, 2014. - 304 p. — ISBN 978-1-78216-453-1 .
• Matt Lambert. Planos del sitio Bootstrap. Volumen II . - Paquete, 2016. - 328 p. - ISBN 978-1-78528-109-9 .
• Syed Fazle Rahman. Jump Start Bootstrap. - SitePoint, 2014. - 150 p. — ISBN 978-0-9922794-3-1 .
• Aravind Shenoy. Aprendiendo Bootstrap . — Packt, 2014. — 204 p. — ISBN 978-1-78216-185-1 .
• Alejandro Magno. Bootstrap móvil primero . - Paquete, 2013. - 92 p. — ISBN 978-1-78328-579-2 .
• Pedro Shaw. Twitter Bootstrap Sucintamente . - Syncfusion, Inc., 2014. - 114 págs.
• Pedro Shaw. Twitter Bootstrap 3 Sucintamente . - Syncfusion, Inc, 2014. - 110 p.
• David Cochran. Procedimientos de desarrollo web con Bootstrap de Twitter . — Paquete, 2012. - 68 págs. — ISBN 978-1-84951-883-3 .

Artículos y reseñas

• Uche Ogbuji. Desarrollo rápido de sitios web y aplicaciones web con Bootstrap . IBM DeveloperWorks (29 de noviembre de 2013). (indefinido)
• Serdar Yegulalp. Reseña: marcos de diseño web gratuitos compatibles con dispositivos móviles . Twitter Bootstrap, HTML5 Boilerplate, 52Framework y 320 y Up simplifican la creación de sitios web para pantallas grandes y pequeñas . InfoMundo (12 de septiembre de 2012) . (indefinido)

Enlaces

• Página oficial  (inglés)
• Bootstrap GitHub  _
• Bootstrap en A List Apart No. 342 Una lista aparte 
• Bootstrap 4 - documentación en ruso  (ruso)
• Bootstrap 5 - documentación en ruso  (ruso)