Bootstrap 5 Cheatsheet

No necesitarás otra hoja de trucos de Bootstrap 5. Es una lista interactiva de clases, variables, mixins de Bootstrap 5. Aprende todo aquí.

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.

Image showing what features this Bootstrap 5 cheat sheet has.

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

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:

Recent Resources 

Sketch App Sources

Por mucho, uno de los sitios más populares que encontrarás en cuanto a diseño es Sketch App Sources. Ya lleva existiendo algunos años y se ha convertido en la opción preferida por los diseñadores. El sitio de recursos de Sketch ofrece una amplia gama de plantillas con respecto a una variedad de temas e íconos, […]
Read More >>

Digital Ocean

Digital Ocean es una gran herramienta, aunque hay muchas maneras de crear un sitio web, de hecho es fácil crear blogs o páginas para negocios locales. Pero las páginas simples no son para todos. Cuando ya sabes algo de programación todo cambia. Necesitas herramientas más especificas y plataformas más flexibles. Por suerte, esto es posible […]
Read More >>

Paper sizes

¿Te ha pasado que estás trabajando en un proyecto de diseño (tarjeta de negocios, libro, sobre, flyer, etc.) pero con tantos tamaños de papel no sabes cuál es el más adecuado para lo que estás haciendo? Si la respuesta fue si, Paper Sizes podría ser la solución perfecta para ti. Paper Sizes es un recurso […]
Read More >>
Full-stack developer with a good understanding of business challenges. Not only am I an expert in my field, I know what business needs in a competitive digital world. I am eager to work on all kinds of projects.

Newsletter

Subscribe and check out my weekly blog

© 2022 Giovani Rodriguez. All rights reserved
hello@giovanirodriguez.dev