Diferencia entre Bootstrap 4 y Bootstrap 5

¿Qué es Bootstrap? 

Es un marco de código abierto de finales de 2011 que se utiliza para diseñar sitios web receptivos con un enfoque móvil primero de forma más rápida y sencilla. Bootstrap está disponible para HTML, CSS y JS. De acuerdo con los lenguajes del lado del servidor como PHP, Node, etc., bootstrap ayuda a diseñar la interfaz. Bootstrap ha facilitado el trabajo de los desarrolladores al preparar las plantillas, que son una parte básica de cada sitio web. Por lo tanto, las personas tienden a desarrollarse aún más y no pierden el tiempo en plantillas básicas con hermosos diseños y capacidad de respuesta disponible. 

¿Por qué Bootstrap? 

• Más rápido y más fácil
• Estilo móvil primero
• ¡Es gratis! Disponible en www.getbootstrap.com
• Compatibilidad con navegador
• Diseño de respuesta

Bootstrap 5 alpha se lanzó a mediados de junio de 2020. Como está en la versión alpha-1, en el futuro se pueden agregar algunas características más a bootstrap 5

En la versión alfa-1 de bootstrap 5, algunas clases eliminadas son: 

• forma – fila
• formulario – en línea
• lista – en línea
• Baraja de carta
   

Algunas de las clases añadidas: 

• gx-* (las clases controlan el ancho de medianil horizontal/columna)
• gy-* (las clases controlan el ancho de canal vertical/fila)
• g-* (las clases controlan el ancho de la canaleta horizontal y vertical)
• filas-cols-auto

Diferencia entre Bootstrap 4 y Bootstrap 5 

BASE DE	CORREA DE ARRANQUE 4	CORREA DE ARRANQUE 5
Sistema de red	Tiene 5 niveles (xs, sm, md, lg, xl).	Tiene 6 niveles (xs, sm, md, lg, xl, xxl).
Color	Tiene colores limitados.	Se agregaron colores adicionales con los looks, una paleta de colores mejorada de la tarjeta. Hay varios tonos disponibles para elegir.
jquery	Tiene jquery y todos los complementos relacionados.	Jquery se elimina y se cambia a Vanilla JS con algunos complementos que funcionan
explorador de Internet	Bootstrap 4 es compatible con IE 10 y 11.	Bootstrap 5 no es compatible con IE 10 y 11.
Elementos de formulario	Los botones de radio, las casillas de verificación tienen un aspecto diferente en diferentes sistemas operativos y navegadores. El formulario utiliza lo que proporcionan los navegadores predeterminados.	El aspecto de los elementos del formulario no cambiará, en diferentes sistemas operativos o navegadores. Los formularios se pueden personalizar y se pueden agregar controles de formulario, no dependerían del navegador.
API de utilidades	No podemos modificar utilidades en bootstrap 4	Bootstrap 5 dio libertad para modificar y también crear nuestra propia utilidad.
Canal	Usamos .glutter con tamaño de fuente en px	Usamos .g* con tamaño de fuente in rem
Clases Verticales	Las columnas se pueden colocar en relación	Las columnas no se pueden colocar relativas
Iconos de arranque	Bootstrap 4 no tiene sus propios íconos SVG, tenemos que usar font-awesome para los íconos.	Bootstrap 5 tiene sus propios iconos SVG
jumbotron	Es compatible.	No es compatible con jumbotron.
Baraja de carta	El mazo de cartas se utiliza para crear un conjunto de cartas con el mismo ancho y alto.	La clase de mazo de cartas se eliminó en bootstrap
barra de navegación	Tenemos la propiedad de bloque en línea y obtendremos un menú desplegable blanco como predeterminado para la clase menú desplegable-oscuro.	La propiedad de bloque en línea se elimina y obtendremos un menú desplegable negro como predeterminado para la clase menú desplegable-oscuro.
Generador de sitios estáticos	Bootstrap 4 utiliza el software Jekyll.	Bootstrap 5 utiliza el software Hugo, ya que es un generador rápido de sitios estáticos.
cuadrícula de caja flexible	esto facilita la implementación de diseños verticales, y las columnas y filas se pueden implementar fácilmente. las clases justificar-centro-contenido se pueden usar directamente para alinear de acuerdo con el requisito.	El sistema de cuadrícula avanzado está disponible, además, las columnas no tienen posiciones relativas.
Soporte RTL	No habilita el cambio RTL (de derecha a izquierda).	Permite la conmutación RTL (derecha a izquierda).
Componente fuera del lienzo	No es compatible con el componente Offcanvas.	Es compatible con el componente Offcanvas (es decir, está disponible ahora).