¿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