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 

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 >>

Handz Design

Handz Design es una fantástica colección de ilustraciones en 3D de varias manos. Hay una versión gratuita y una premium. Dependiendo de sus necesidades, puede personalizar el color y obtener más variaciones. Continúa leyendo para saber más: Acerca de Handz Design Esta es una creación de Samuel Briskar & Ade Hidayat. Hay más de 320 […]
Read More >>

Templately

Templately ha sido una respuesta a muchos desafíos asociados con el diseño de sitios web modernos, ya que muchos diseñadores y desarrolladores web han descubierto que las plantillas son una opción más cómoda que construir un sitio desde cero. Con la disponibilidad de marcos de desarrollo web y plantillas prefabricadas, sus flujos de trabajo se […]
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