Se actualiza la versión de Bootstrap de 4 a 5. Además, ya no se importa toda la librería, sólo archivos considerados mínimos para el funcionamiento del boilerplate para minimizar el tamaño de los estilos. El resto de archivos, deberían importarse según las necesidades del proyecto.
Debido a la actualización, se eliminaron/modificaron algunos mixins y funciones que eran innecesarios o que utilizaban código deprecado. Además, algunas clases de utilidad ahora son creadas utilizando la api de utilidades de bootstrap, otras sólo se movieron a la carpeta assets/scss/utilities y otras se eliminaron porque no suelen utilizarse.
Un caso especial fue la clase .invalid-feedback, que, debido a que habían formularios que no estaban agregando la clase .is-invalid a los input con errores, el mensaje de error quedaba invisible al usuario. Por lo que se le agregó la clase .d-block para que siempre fueran visibles. Esto debería contar sólo como una solución temporal, ya que también se pierden los estilos de validación para un input.
2. Reestructuración de la carpeta assets/scss
Se modificó la estructura de la carpeta, ahora se divide así:
por lo que estilos que no seguían este orden tuvieron que ser movidos a otro archivo.
3. Librerías
Select2
Se instaló el paquete select2-bootstrap-5-theme para estilar los select. Los estilos ya no se descargan por un CDN, sino que fueron importados para que se pudiera sobreescribir las variables fácilmente.
Tempus dominus bootstrap 4
Lo mismo que lo anterior con respecto a los estilos.
Tareas relacionadas
Cambios realizados
1. Actualización a Bootstrap 5
Se actualiza la versión de Bootstrap de 4 a 5. Además, ya no se importa toda la librería, sólo archivos considerados mínimos para el funcionamiento del boilerplate para minimizar el tamaño de los estilos. El resto de archivos, deberían importarse según las necesidades del proyecto.
Debido a la actualización, se eliminaron/modificaron algunos mixins y funciones que eran innecesarios o que utilizaban código deprecado. Además, algunas clases de utilidad ahora son creadas utilizando la api de utilidades de bootstrap, otras sólo se movieron a la carpeta
assets/scss/utilities
y otras se eliminaron porque no suelen utilizarse.Un caso especial fue la clase
.invalid-feedback
, que, debido a que habían formularios que no estaban agregando la clase.is-invalid
a losinput
con errores, el mensaje de error quedaba invisible al usuario. Por lo que se le agregó la clase.d-block
para que siempre fueran visibles. Esto debería contar sólo como una solución temporal, ya que también se pierden los estilos de validación para uninput
.2. Reestructuración de la carpeta
assets/scss
Se modificó la estructura de la carpeta, ahora se divide así:
por lo que estilos que no seguían este orden tuvieron que ser movidos a otro archivo.
3. Librerías
Select2
Se instaló el paquete select2-bootstrap-5-theme para estilar los select. Los estilos ya no se descargan por un CDN, sino que fueron importados para que se pudiera sobreescribir las variables fácilmente.
Tempus dominus bootstrap 4
Lo mismo que lo anterior con respecto a los estilos.