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).

Publicación traducida automáticamente

Artículo escrito por dadimadhav y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *