-
Notifications
You must be signed in to change notification settings - Fork 0
/
versiones.html
173 lines (141 loc) · 7.83 KB
/
versiones.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
<!DOCTYPE HTML>
<html lang="es">
<head>
<meta charset="UTF-8" />
<meta name ="author" content ="Paula Suárez Prieto" />
<meta name ="description" content ="Historia y versiones del framework Bootstrap" />
<meta name ="keywords" content ="Bootstrap, css, html, web, diseño JS, javascript, versión, versiones" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Bootstrap - Historia y versiones</title>
<link rel="stylesheet" type="text/css" href="estilo/estilo.css" />
<link rel="stylesheet" type="text/css" href="estilo/layout.css" />
</head>
<body>
<header>
<h1>Bootstrap</h1>
</header>
<nav>
<a title="Inicio" accesskey="I" tabindex="1" href= "index.html">Inicio</a>
<a title="Historia y versiones" accesskey="H" tabindex="2" href= "versiones.html">Versiones</a>
<a title="Contenido y primeros pasos" accesskey="C" tabindex="3" href= "contenido.html">Contenido</a>
<a title="Ventajas y desventajas" accesskey="V" tabindex="4" href= "ventajasDesventajas.html">Ventajas/Desventajas</a>
<a title="Experiencia y opinión personal" accesskey="O" tabindex="5" href= "opinion.html">Opinión</a>
</nav>
<main>
<h2>Historia y versiones</h2>
<p>Las distintas versiones de Bootstrap y sus enlaces de descarga se pueden encontrar haciendo click <a href="https://getbootstrap.com/docs/versions/">aquí</a>.</p>
<section>
<h3>Inicio</h3>
<p>
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. Mark Otto, Jacob Thornton y un pequeño grupo de desarrolladores
principales, así como una gran comunidad de contribuyentes.
</p>
<picture>
<source media="(max-width:799px)" srcset="multimedia/imagenes/blueprint_bootstrap-p.png" />
<source media="(min-width:800px)" srcset="multimedia/imagenes/blueprint_bootstrap.png" />
<img alt="Transición de Twitter Blueprint a Bootstrap" src="multimedia/imagenes/blueprint_bootstrap.png" />
</picture>
</section>
<section>
<h3>Bootstrap 2 y 3</h3>
<p>
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. Esta versión
admite el diseño web receptivo, lo que significa que el diseño de las páginas web se ajusta dinámicamente,
teniendo en cuenta las características del dispositivo utilizado (ya sea de escritorio, tableta o
teléfono móvil). La siguiente versión principal, Bootstrap 3, fue lanzada el 19 de agosto de 2013.
Rediseñó los componentes para usar un diseño plano y un primer enfoque móvil.
</p>
</section>
<section>
<h3>Bootstrap 4</h3>
<p>
Mark Otto anunció Bootstrap 4 el 29 de octubre de 2014. La primera versión alfa de Bootstrap 4 se lanzó el
19 de agosto de 2015. 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.
</p>
<p>Se puede ver el desarrollo de Bootstrap 4 a través del siguiente enlace a GitHub: <a href="https://github.com/twbs/bootstrap/tree/v4-dev">Repositorio oficial Bootstrap 4</a> </p>
<p>Los cambios más importantes respecto a las versiones anteriores son:</p>
<ul>
<li>Modificaciones/mejoras:
<ul>
<li>Reescritura importante del código</li>
<li>Reemplazo de Less con Sass</li>
<li>Cambiar de la unidad de píxeles en CSS a root ems</li>
<li>Aumento del tamaño de fuente global de 14px a 16px para mejorar la legibilidad</li>
<li>Estilo de formulario, botones, menús desplegables, objetos multimedia y clases de imágenes mejorados</li>
</ul>
</li>
<li>Nuevas características:
<ul>
<li>Adición de Reboot, una colección de cambios CSS específicos del elemento en un solo archivo, basado en Normalize</li>
<li>Agregar opciones de personalización de navegación</li>
<li>Adición de utilidades de tamaño y espaciado sensibles</li>
<li>Compatibilidad con CSS Flexible Box</li>
</ul>
</li>
<li>Elimina:
<ul>
<li>Dejar de admitir IE8, IE9 e iOS 6</li>
</ul>
</li>
</ul>
<p>Bootstrap 4 es compatible con las últimas versiones de Google Chrome, Firefox, Internet Explorer, Opera, y Safari.</p>
<picture>
<source media="(max-width:799px)" srcset="multimedia/imagenes/bootstrap-4-5-timeline-p.png" />
<source media="(min-width:800px)" srcset="multimedia/imagenes/bootstrap-4-5-timeline.png" />
<img alt="Línea del tiempo entre Bootstrap 4 y la primera versión de Bootstrap 5" src="multimedia/imagenes/bootstrap-4-5-timeline.png" />
</picture>
</section>
<section>
<h3>Bootstrap 5</h3>
<p>
La versión 5 de Bootstrap fue anunciada por Mark Otto el 21 de diciembre de 2018 y, luego de 3 versiones
alfas y 3 betas, fue lanzada oficialmente el 5 de mayo de 2021.
Actualmente, la versión de descarga es Bootstrap v5.2.1.
</p>
<p>Se puede ver el desarrollo de Bootstrap 5 a través del siguiente enlace a GitHub: <a href="https://github.com/twbs/bootstrap">Repositorio oficial Bootstrap 5</a> </p>
<p>Los nuevos cambios y agregados fueron los siguientes:</p>
<ul>
<li>Modificaciones/mejoras:
<ul>
<li>Se pasa de jQuery a Vanilla JavaScript.</li>
<li>Migración de la documentación de Jekyll a Hugo.</li>
<li>El testing de infraestructura pasa de QUnit a Jasmine.</li>
<li>API mejorada.</li>
<li>Mejora del sistema de cuadrícula.</li>
</ul>
</li>
<li>Nuevas características:
<ul>
<li>Nuevo menú de componentes "offcanvas".</li>
<li>Inclusión de un nuevo set de iconos SVG y nuevas propiedades de CSS.</li>
<li>Creación de la sección de formularios, con nuevos formularios incluidos.</li>
<li>Soporte RTL (right-to-left) para sistemas de escritura de derecha a izquierda.</li>
<li>Implementación de Dart Sass.</li>
</ul>
</li>
<li>Elimina:
<ul>
<li>Se retira el soporte para Internet Explorer 10 y 11, Microsoft Edge Legacy, y versiones inferiores a: Firefox 60, Safari 10 y Chrome 60.</li>
</ul>
</li>
</ul>
<p>Es la versión utilizada actualmente.</p>
<h4>Bootstrap 5 Alpha</h4>
<p>Bootstrap 5 Alpha se lanzó oficialmente el 16 de junio de 2020 y, actualmente, existen 3 versiones.</p>
<h4>Bootstrap 5 Beta</h4>
<p>
Bootstrap 5 Beta se lanzó oficialmente el 7 de febrero de 2021, tres semanas
después del lanzamiento de la tercera alfa. La versión 5 Beta 2 es actualmente la última versión del paquete.</p>
</section>
</main>
<footer>
<p>Paula Suárez Prieto, UO269745</p>
</footer>
</body>
</html>