Hay una hoja de trucos interactiva de Bootstrap 5 que enumera las clases, variables y mixins. Puede identificar fácilmente las diferencias de Bootstrap 4 y Bootstrap 5 usándolo. Aparte de eso, está dirigido a una vasta comunidad de usuarios de bootstrap que tienen dificultades para localizar clases, variables y mixins por sí mismos.

Acerca de

Esta es una lista de todas las clases, variables y mixins de Bootstrap 5 que se pueden ver y usar de forma interactiva. Puede usarlo para identificar fácilmente las diferencias entre Bootstrap 4 y Bootstrap 5. Ya sea que esté actualizando su proyecto de Bootstrap 4 o iniciando un nuevo proyecto de Bootstrap 5, esta hoja de trucos será su herramienta de referencia para aprender.

¿Para quién es?

Diseñado para ayudar a los diseñadores que tienen dificultades para encontrar clases, variables y mixins desde bootstrap, el motor de búsqueda generalmente está dirigido a una gran comunidad de usuarios de bootstrap.

Las características destacadas incluyen:

• La capacidad de buscar clases, variables y mixins.
• Comparación detallada de las clases Bootstrap
• Vista previa en vivo de HTML y fragmento de código
• La capacidad de modificar su código en cualquier momento.
• Copie fácilmente el fragmento de código y utilícelo.

Contenido

• Classes: https://bootstrap-cheatsheet.themeselection.com/
• Variables: https://bootstrap-cheatsheet.themeselection.com/variables.html
• Mixins: https://bootstrap-cheatsheet.themeselection.com/mixins.html

Comandos Gulp

Como resultado de este proyecto, se crearon archivos CSS, JS y HTML utilizando la herramienta gulp. Cada uno de los siguientes comandos para el paquete gulp se explica en la siguiente tabla:

• gulp dist-clean: Activos limpios
• gulp dist-css: Generar CSS
• Filesgulp dist-js: generar archivos JS
• gulp dist-html: Generar archivos JS
• monitor de gulp: observe los cambios de los archivos SCSS y PUG
• trago: genera todos los activos (css y js)

Conclusión

Esta hoja de trucos es una lista interactiva de clases, variables y mixins de Bootstrap 5. Definitivamente se recomienda usarlo como guía si lo necesitas. Con esto, nunca necesitarás otra hoja de trucos.

Continúa leyendo:

• Freebiesketch
• Paper Sizes