{"id":1947,"date":"2021-06-08T19:09:01","date_gmt":"2021-06-09T00:09:01","guid":{"rendered":"https:\/\/giovanirodriguez.dev\/?post_type=resources&#038;p=1947"},"modified":"2022-06-09T16:05:40","modified_gmt":"2022-06-09T21:05:40","slug":"bootstrap-5-cheatsheet-2","status":"publish","type":"resources","link":"https:\/\/giovanirodriguez.dev\/es\/resources\/bootstrap-5-cheatsheet-2\/","title":{"rendered":"Bootstrap 5 Cheatsheet"},"content":{"rendered":"\n<p>Hay una hoja de trucos interactiva de <strong>Bootstrap <\/strong>5 que enumera las clases, variables y mixins. Puede identificar f\u00e1cilmente las diferencias de Bootstrap 4 y Bootstrap 5 us\u00e1ndolo. Aparte de eso, est\u00e1 dirigido a una vasta comunidad de usuarios de bootstrap que tienen dificultades para localizar clases, variables y mixins por s\u00ed mismos.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Acerca de<\/h3>\n\n\n\n<p>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\u00e1cilmente las diferencias entre Bootstrap 4 y Bootstrap 5. Ya sea que est\u00e9 actualizando su proyecto de Bootstrap 4 o iniciando un nuevo proyecto de Bootstrap 5, esta hoja de trucos ser\u00e1 su herramienta de referencia para aprender.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00bfPara qui\u00e9n es?<\/h3>\n\n\n\n<p>Dise\u00f1ado para ayudar a los dise\u00f1adores que tienen dificultades para encontrar clases, variables y mixins desde bootstrap, el motor de b\u00fasqueda generalmente est\u00e1 dirigido a una gran comunidad de usuarios de bootstrap.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"880\" height=\"461\" data-src=\"https:\/\/giovanirodriguez.dev\/wp-content\/uploads\/2021\/06\/ka6wk73j9mw59boossvf.jpg\" alt=\"Image showing what features this Bootstrap 5 cheat sheet has.\" class=\"wp-image-2400 lazyload\" data-srcset=\"https:\/\/giovanirodriguez.dev\/wp-content\/uploads\/2021\/06\/ka6wk73j9mw59boossvf.jpg 880w, https:\/\/giovanirodriguez.dev\/wp-content\/uploads\/2021\/06\/ka6wk73j9mw59boossvf-300x157.jpg 300w, https:\/\/giovanirodriguez.dev\/wp-content\/uploads\/2021\/06\/ka6wk73j9mw59boossvf-768x402.jpg 768w\" data-sizes=\"auto, (max-width: 880px) 100vw, 880px\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 880px; --smush-placeholder-aspect-ratio: 880\/461;\" \/><noscript><img loading=\"lazy\" decoding=\"async\" width=\"880\" height=\"461\" src=\"https:\/\/giovanirodriguez.dev\/wp-content\/uploads\/2021\/06\/ka6wk73j9mw59boossvf.jpg\" alt=\"Image showing what features this Bootstrap 5 cheat sheet has.\" class=\"wp-image-2400\" srcset=\"https:\/\/giovanirodriguez.dev\/wp-content\/uploads\/2021\/06\/ka6wk73j9mw59boossvf.jpg 880w, https:\/\/giovanirodriguez.dev\/wp-content\/uploads\/2021\/06\/ka6wk73j9mw59boossvf-300x157.jpg 300w, https:\/\/giovanirodriguez.dev\/wp-content\/uploads\/2021\/06\/ka6wk73j9mw59boossvf-768x402.jpg 768w\" sizes=\"auto, (max-width: 880px) 100vw, 880px\" \/><\/noscript><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Las caracter\u00edsticas destacadas incluyen:<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li>La capacidad de buscar clases, variables y mixins.<\/li><li>Comparaci\u00f3n detallada de las clases Bootstrap <\/li><li>Vista previa en vivo de HTML y fragmento de c\u00f3digo<\/li><li>La capacidad de modificar su c\u00f3digo en cualquier momento.<\/li><li>Copie f\u00e1cilmente el fragmento de c\u00f3digo y util\u00edcelo.<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Contenido<\/h3>\n\n\n\n<ul class=\"wp-block-list\" id=\"block-68f37262-ab8a-4f41-8ab7-b6951caabc1a\"><li>Classes:&nbsp;<a href=\"https:\/\/bootstrap-cheatsheet.themeselection.com\/\">https:\/\/bootstrap-cheatsheet.themeselection.com\/<\/a><\/li><li>Variables:&nbsp;<a href=\"https:\/\/bootstrap-cheatsheet.themeselection.com\/variables.html\">https:\/\/bootstrap-cheatsheet.themeselection.com\/variables.html<\/a><\/li><li>Mixins:&nbsp;<a href=\"https:\/\/bootstrap-cheatsheet.themeselection.com\/mixins.html\">https:\/\/bootstrap-cheatsheet.themeselection.com\/mixins.html<\/a><\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Comandos Gulp<\/h3>\n\n\n\n<p>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:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>gulp dist-clean: Activos limpios<\/li><li>gulp dist-css: Generar CSS<\/li><li>Filesgulp dist-js: generar archivos JS<\/li><li>gulp dist-html: Generar archivos JS<\/li><li>monitor de gulp: observe los cambios de los archivos SCSS y PUG<\/li><li>trago: genera todos los activos (css y js)<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Conclusi\u00f3n<\/h3>\n\n\n\n<p id=\"tw-target-text\">Esta hoja de trucos es una lista interactiva de clases, variables y mixins de Bootstrap 5. Definitivamente se recomienda usarlo como gu\u00eda si lo necesitas. Con esto, nunca necesitar\u00e1s otra hoja de trucos.<\/p>\n\n\n\n<p><strong>Contin\u00faa leyendo:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/giovanirodriguez.dev\/es\/resources\/freebiesketch-2\/\" target=\"_blank\" rel=\"noreferrer noopener\">Freebiesketch<\/a><\/li><li><a href=\"https:\/\/giovanirodriguez.dev\/es\/resources\/paper-sizes-2\/\" target=\"_blank\" rel=\"noreferrer noopener\">Paper Sizes<\/a><\/li><\/ul>\n","protected":false},"template":"","resource-category":[253],"class_list":["post-1947","resources","type-resources","status-publish","has-post-thumbnail","hentry","resource-category-hoja-de-trucos"],"_links":{"self":[{"href":"https:\/\/giovanirodriguez.dev\/wp-json\/wp\/v2\/resources\/1947","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/giovanirodriguez.dev\/wp-json\/wp\/v2\/resources"}],"about":[{"href":"https:\/\/giovanirodriguez.dev\/wp-json\/wp\/v2\/types\/resources"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/giovanirodriguez.dev\/wp-json\/wp\/v2\/media\/1590"}],"wp:attachment":[{"href":"https:\/\/giovanirodriguez.dev\/wp-json\/wp\/v2\/media?parent=1947"}],"wp:term":[{"taxonomy":"resource-category","embeddable":true,"href":"https:\/\/giovanirodriguez.dev\/wp-json\/wp\/v2\/resource-category?post=1947"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}