Se ha lanzado la versión Bootstrap 5 Alpha 3, esta versión tiene muchas actualizaciones de componentes, utilidades, documentos, formularios, JavaScript, etc. Oficialmente, esta es una versión Alpha más grande y está lista para la primera versión Beta.
Componente
- Nuevo acordeón: eliminó el acordeón basado en .card, lo reemplazó con un nuevo componente .accordion y resolvió varios errores en el proceso. El nuevo acordeón todavía usa el complemento de JavaScript llapse, pero lo admite a través de HTML y CSS personalizados. El nuevo acordeón incluye el icono de Bootstrap.
- Nuevos botones de bloqueo: los botones de bloqueo ya no están disponibles en v5. El equipo de desarrollo eliminó la clase .btn-block para las utilidades .d-grid y .gap- *. Esto puede lograr el mismo comportamiento y estilo, pero puede controlar mejor el espaciado, la alineación e incluso las opciones de diseño receptivo.
Mejoras en la documentación
- Atajos de teclado agregados
- Reescribe la barra lateral del documento
- Cambió el nombre de la página "Navegación" a "Navegación y pestañas".
Sass cambios
- Cuando se abandonó LibSass, se utilizó Dart Sass en su lugar.
- El sistema de color utilizado con color-level () y $ theme-color-interval ha sido eliminado y reemplazado por un nuevo sistema de color. Todas las funciones de aclarar () y oscurecer () en la base del código han sido reemplazadas por tint-color () y sombreado (). Estas funciones mezclarán el color con blanco o negro en lugar de cambiar su brillo en una cantidad fija. scal-color () coloreará o sombreará el color según si el parámetro de peso del color es positivo o negativo.
- Se agregó una variable Sass al prefijo de propiedad personalizada de CSS.
JS
- Simplificó la posición del menú desplegable.
- Polyfill redundante eliminado
- Corrija el error del intervalo de datos del carrusel comprobando el intervalo de datos en la primera diapositiva
- Se eliminó Manipulator.toggleClass para simplificar algo de código
Utilidades
En la primera versión Beta, el equipo de desarrollo revisó la documentación de la API para proporcionar ejemplos e información más claros sobre cómo agregar, modificar, eliminar y expandir las utilidades predeterminadas.
Además, se han agregado algunas nuevas utilidades predeterminadas:
- Se agregó .d-grid para mostrar: cuadrícula
- Se agregaron utilidades .fs para el tamaño de fuente
- Cambiar el nombre de las utilidades de peso de fuente a .fw
- Se agregaron .Rodeado-1, .Rodeado-2 y .Rodeado-3 tres nuevos servicios públicos de radio de límite pequeño, mediano y grande.
- Se han agregado las utilidades .overflow-visible y .overflow-scroll.
Formularios
Se agregó una etiqueta flotante (como una opción de diseño de formulario completo) y una nueva entrada de archivo.
Próximamente la versión Beta 1
Algunos de los cambios incluidos en esta versión son:
- RTL llegará pronto. El equipo de desarrollo está revisando el PR y espera que pueda aterrizar en Beta 1.
- Actualice a Popper.js v2.
- Atributos de datos del espacio de nombres.
- Se actualizó la API de la utilidad con soporte de pseudoclases a través de la opción de estado.
Para obtener más detalles, consulte el blog oficial: https://blog.getbootstrap.com/2020/11/11/bootstrap-5-alpha-3/