{"id":4179,"date":"2021-03-09T13:00:00","date_gmt":"2021-03-09T12:00:00","guid":{"rendered":"https:\/\/carontestudio.com\/blog\/?p=4179"},"modified":"2021-09-23T11:17:29","modified_gmt":"2021-09-23T09:17:29","slug":"novedades-de-bootstrap-5","status":"publish","type":"post","link":"https:\/\/carontestudio.com\/blog\/novedades-de-bootstrap-5\/","title":{"rendered":"\u00bfCu\u00e1les son las novedades de Bootstrap 5?"},"content":{"rendered":"\n

Hace un mes se public\u00f3 la versi\u00f3n beta 2<\/strong> de este popular framework. Si est\u00e1s familiarizado con la herramienta y quieres ver que las novedades de Bootstrap 5<\/strong>, qu\u00e9date conmigo unos minutos y te mostrar\u00e9 todas sus novedades. Si no conoces la herramienta y quieres conocerla ahora, esta lectura te interesar\u00e1. <\/p>\n\n\n\n\n\n\n\n

Antes de comenzar, te contar\u00e9 brevemente qu\u00e9 es Bootstrap por si a\u00fan no lo conoc\u00edas.<\/p>\n\n\n\n

\u00bfQu\u00e9 es Bootstrap? <\/h2>\n\n\n\n

Bootst<\/a>r<\/a>ap<\/a> es un framework (o conjunto de herramientas) que facilitan en gran medida el desarrollo de p\u00e1ginas web, con un dise\u00f1o moderno y adaptativo. La principal ventaja de usarlo, es que el sitio web que desarrolles se adaptar\u00e1 de forma totalmente autom\u00e1tica, al dispositivo desde el que accedas a la p\u00e1gina web. <\/p>\n\n\n\n

Su principal funcionalidad es su sistema de rejilla o grid, y los breakpoints o media querys que incorpora. Es desde la versi\u00f3n 2 del framework que se comienza a hacer \u00e9nfasis en estos breakpoints para que las webs se adapten a cualquier dispositivo.<\/p>\n\n\n\n

Si no lo conoc\u00edas y quieres saber como puedes instalarlo, te dejo por aqu\u00ed esta publicaci\u00f3n que te ayudar\u00e1 a instalar Bootstrap<\/a> en pocos minutos y de forma correcta.<\/p>\n\n\n\n

Las novedades de Bootstrap 5<\/h2>\n\n\n\n
\n
\n

Hay numerosos cambios en la nueva versi\u00f3n de Bootstrap, algunos ya son funcionales en las versiones Alpha y Beta publicadas hasta ahora. Otros, en cambio, solo est\u00e1 confirmado que ser\u00e1n publicados en la primera versi\u00f3n estable, por lo que tocar\u00e1 esperar todav\u00eda un poco para poder probarlos. <\/p>\n\n\n\n

A continuaci\u00f3n te detallo los principales cambios en Bootstrap 5<\/strong>:<\/p>\n<\/div>\n\n\n\n

\n
\"Novedades
Novedades de Bootstrap 5<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n

Se elimina la compatibilidad con jQuery<\/h3>\n\n\n\n

Una de las bibliotecas m\u00e1s utilizadas en el desarrollo web es jQuery. Hasta ahora, Bootstrap ha sido compatible con esta biblioteca, pero ahora, en la versi\u00f3n 5 dejar\u00e1 de usarlo de forma nativa<\/strong>. <\/p>\n\n\n\n

Seguir\u00e1s pudiendo crear los mismos efectos visuales que con jQuery, pero recurriendo a HTML y CSS, o bien a programaci\u00f3n m\u00e1s avanzada de JavaScript. <\/p>\n\n\n\n

La principal consecuencia de esta decisi\u00f3n, es que los dise\u00f1os web creados con Bootstrap 5 van a ser mucho m\u00e1s r\u00e1pidos<\/strong>. Por lo tanto, la carga web mejorar\u00e1 y por consiguiente, tambi\u00e9n podr\u00e1 verse afectado el posicionamiento SEO de la p\u00e1gina al ser un factor que afecta directamente al posicionamiento. <\/p>\n\n\n\n

Incompatibilidad con versiones antiguas de Internet Explorer<\/h3>\n\n\n\n

En esta nueva versi\u00f3n de Bootstrap se ha optado por no dar compatibilidad a los ya casi extintos navegadores web de Microsoft Internet Explorer 9 y 10. A partir de ahora, Bootstrap solo ser\u00e1 compatible con un navegador web de Microsoft: Microsoft Edge<\/strong>.<\/p>\n\n\n\n

Introducci\u00f3n de variables CSS<\/h3>\n\n\n\n

Bootstrap 5 por fin adoptar\u00e1 t\u00e9cnicas m\u00e1s modernas de dise\u00f1o web, y entre ellas, podr\u00e1s usar variables CSS<\/strong>. Se incluye la compatibilidad con Sass<\/a> y Less<\/a>. <\/p>\n\n\n\n

Estas variables facilitan en gran medida la realizaci\u00f3n de dise\u00f1os web modernos sin necesidad de introducir interminables l\u00edneas de c\u00f3digo. <\/p>\n\n\n\n

Nuevas funcionalidades y estilos para los formularios<\/h3>\n\n\n\n
\n
\n

Los formularios tambi\u00e9n han recibido una importante raci\u00f3n de mejoras en Bootstrap 5<\/strong>. A destacar los nuevos estilos visuales y la nueva funcionalidad de introducir caracter\u00edsticas como los \u00abswitch\u00bb, que dotan a los formularios de un aspecto mucho m\u00e1s moderno. <\/p>\n<\/div>\n\n\n\n

\n
\"Nuevos
Nuevos estilos y funcionalidades con Bootstrap 5<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n

Sistema de cuadr\u00edcula mejorado<\/strong><\/h3>\n\n\n\n

Bootstrap 5 mejora y complementa un poco m\u00e1s el excelente sistema de rejilla de Bootstrap 4. Cada vez es m\u00e1s habitual usar monitores m\u00e1s grandes en el trabajo y en el hogar, por ello se ha a\u00f1adido un nuevo breakpoint (xxl)<\/strong> para dar soporte a estos monitores. <\/p>\n\n\n\n

Adem\u00e1s se ha modificado alguna de las clases creadas para gestionar la rejilla y los estilos visuales de esta. Los cambios referentes a la rejilla de Bootstrap son estos: <\/strong><\/p>\n\n\n\n

  • A\u00f1adido un nuevo breakpoint a la cuadr\u00edcula de Bootstrap<\/strong>. El nuevo breakpoint es denominado: \u00abxxl\u00bb.<\/li>
  • Clases .gutter reemplazadas por la clase .g*. Nuevas clases creadas para controlar el padding de los containers, rows y cols. <\/li>
  • Las opciones de dise\u00f1o de formulario se han reemplazado con el nuevo sistema de cuadr\u00edcula.<\/li>
  • Se han agregado clases espec\u00edficas de relleno o padding vertical<\/strong>.<\/li>
  • Las columnas ya no tienen por defecto la declaraci\u00f3n CSS de : position:relative;<\/li><\/ul>\n\n\n\n

    Cambios menores confirmados<\/h3>\n\n\n\n

    Algunos de los cambios menores que podr\u00e1s disfrutar con la nueva versi\u00f3n de Bootstrap son los siguientes: <\/p>\n\n\n\n

    • Escritura de derecha a izquierda (RTL)<\/strong>: los idiomas que se escriben de derecha a izquierda estar\u00e1n mejor implementados en Bootstrap 5.<\/li>
    • Men\u00fas fuera de lienzo<\/strong>: con los men\u00fas fuera de lienzo, aumentar\u00e1n las posibilidades en cuanto al dise\u00f1o de los men\u00fas de tu web.<\/li>
    • SVG en HTML<\/strong>: En las versiones actuales de Bootstrap, los archivos SVG se incrustan a trav\u00e9s de CSS. Pr\u00f3ximamente, podr\u00e1 usarse el c\u00f3digo HTML en su lugar.<\/li><\/ul>\n\n\n\n

      Conclusi\u00f3n<\/h2>\n\n\n\n

      Siempre que se actualiza la versi\u00f3n de Bootstrap, a los desarrolladores nos cuesta un poco hacernos a los cambios. Por ello, seguramente, tardar\u00e1s un poco en usarlo con normalidad. Aun as\u00ed, estoy seguro de que poco tiempo despu\u00e9s de la salida de la versi\u00f3n estable, todos habremos olvidado a su hermana mayor Bootstrap 4. <\/p>\n\n\n\n

      Yo al menos estoy impaciente de conocer y probar las nuevas caracter\u00edsticas. \u00bfY t\u00fa? <\/p>\n","protected":false},"excerpt":{"rendered":"

      Hace un mes se public\u00f3 la versi\u00f3n beta 2 de este popular framework. Si est\u00e1s familiarizado con la herramienta y quieres ver que las novedades de Bootstrap 5, qu\u00e9date conmigo unos minutos y te mostrar\u00e9 todas sus novedades. Si no conoces la herramienta y quieres conocerla ahora, esta lectura te interesar\u00e1.<\/p>\n","protected":false},"author":4,"featured_media":4196,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[94],"tags":[],"class_list":["post-4179","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web"],"acf":[],"yoast_head":"\n\u00bfCu\u00e1les son las novedades de Bootstrap 5? - Caronte Web Studio<\/title>\n<meta name=\"description\" content=\"Este a\u00f1o saldr\u00e1 la nueva versi\u00f3n de Bootstrap 5. Si quieres conocer todas las novedades que traer\u00e1, \u00a1en la entrada de hoy te lo contamos todo!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/carontestudio.com\/blog\/novedades-de-bootstrap-5\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u00bfCu\u00e1les son las novedades de Bootstrap 5? - Caronte Web Studio\" \/>\n<meta property=\"og:description\" content=\"Este a\u00f1o saldr\u00e1 la nueva versi\u00f3n de Bootstrap 5. Si quieres conocer todas las novedades que traer\u00e1, \u00a1en la entrada de hoy te lo contamos todo!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/carontestudio.com\/blog\/novedades-de-bootstrap-5\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog de maketing | Caronte\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/carontewebstudio\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-03-09T12:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-09-23T09:17:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/03\/novedades-de-bootstrap-5.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1250\" \/>\n\t<meta property=\"og:image:height\" content=\"737\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"V\u00edctor S\u00e1nchez\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"V\u00edctor S\u00e1nchez\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/novedades-de-bootstrap-5\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/novedades-de-bootstrap-5\\\/\"},\"author\":{\"name\":\"V\u00edctor S\u00e1nchez\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/person\\\/86dbac78fed697f8df2289e9242c97e9\"},\"headline\":\"\u00bfCu\u00e1les son las novedades de Bootstrap 5?\",\"datePublished\":\"2021-03-09T12:00:00+00:00\",\"dateModified\":\"2021-09-23T09:17:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/novedades-de-bootstrap-5\\\/\"},\"wordCount\":902,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/novedades-de-bootstrap-5\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/03\\\/novedades-de-bootstrap-5.jpg\",\"articleSection\":[\"Dise\u00f1o web\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/carontestudio.com\\\/blog\\\/novedades-de-bootstrap-5\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/novedades-de-bootstrap-5\\\/\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/novedades-de-bootstrap-5\\\/\",\"name\":\"\u00bfCu\u00e1les son las novedades de Bootstrap 5? - Caronte Web Studio\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/novedades-de-bootstrap-5\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/novedades-de-bootstrap-5\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/03\\\/novedades-de-bootstrap-5.jpg\",\"datePublished\":\"2021-03-09T12:00:00+00:00\",\"dateModified\":\"2021-09-23T09:17:29+00:00\",\"description\":\"Este a\u00f1o saldr\u00e1 la nueva versi\u00f3n de Bootstrap 5. Si quieres conocer todas las novedades que traer\u00e1, \u00a1en la entrada de hoy te lo contamos todo!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/novedades-de-bootstrap-5\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/carontestudio.com\\\/blog\\\/novedades-de-bootstrap-5\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/novedades-de-bootstrap-5\\\/#primaryimage\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/03\\\/novedades-de-bootstrap-5.jpg\",\"contentUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/03\\\/novedades-de-bootstrap-5.jpg\",\"width\":1250,\"height\":737},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/novedades-de-bootstrap-5\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u00bfCu\u00e1les son las novedades de Bootstrap 5?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/\",\"name\":\"Blog de marketing | Caronte\",\"description\":\"En nuestro blog encontrar\u00e1s art\u00edculos semanales sobre SEO, marketing online, programaci\u00f3n web y mucho m\u00e1s.\",\"publisher\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#organization\",\"name\":\"Caronte - Agencia de marketing\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/caronte-agencia-de-marketing-logo.png\",\"contentUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/caronte-agencia-de-marketing-logo.png\",\"width\":1090,\"height\":155,\"caption\":\"Caronte - Agencia de marketing\"},\"image\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/carontewebstudio\\\/\",\"https:\\\/\\\/www.instagram.com\\\/caronte_studio\\\/\",\"https:\\\/\\\/www.tiktok.com\\\/@carontewebstudio\",\"https:\\\/\\\/www.youtube.com\\\/@carontewebstudio\",\"https:\\\/\\\/es.linkedin.com\\\/company\\\/carontewebstudio\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/person\\\/86dbac78fed697f8df2289e9242c97e9\",\"name\":\"V\u00edctor S\u00e1nchez\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c9f72a995ccc47af434f97fc9ca165f16a8ad9a5cdd99b4ac0def4f00778fe8c?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c9f72a995ccc47af434f97fc9ca165f16a8ad9a5cdd99b4ac0def4f00778fe8c?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c9f72a995ccc47af434f97fc9ca165f16a8ad9a5cdd99b4ac0def4f00778fe8c?s=96&d=mm&r=g\",\"caption\":\"V\u00edctor S\u00e1nchez\"},\"description\":\"\u00bfDudas con tu hosting? \u00bfNo sabes como extremar la precauci\u00f3n de tu hosting? Est\u00e1s en el lugar adecuado. Despeja cualquier duda con los art\u00edculos de V\u00edctor S\u00e1nchez.\",\"sameAs\":[\"https:\\\/\\\/www.carontestudio.com\\\/\"],\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/author\\\/victor\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u00bfCu\u00e1les son las novedades de Bootstrap 5? - Caronte Web Studio","description":"Este a\u00f1o saldr\u00e1 la nueva versi\u00f3n de Bootstrap 5. Si quieres conocer todas las novedades que traer\u00e1, \u00a1en la entrada de hoy te lo contamos todo!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/carontestudio.com\/blog\/novedades-de-bootstrap-5\/","og_locale":"es_ES","og_type":"article","og_title":"\u00bfCu\u00e1les son las novedades de Bootstrap 5? - Caronte Web Studio","og_description":"Este a\u00f1o saldr\u00e1 la nueva versi\u00f3n de Bootstrap 5. Si quieres conocer todas las novedades que traer\u00e1, \u00a1en la entrada de hoy te lo contamos todo!","og_url":"https:\/\/carontestudio.com\/blog\/novedades-de-bootstrap-5\/","og_site_name":"Blog de maketing | Caronte","article_publisher":"https:\/\/www.facebook.com\/carontewebstudio\/","article_published_time":"2021-03-09T12:00:00+00:00","article_modified_time":"2021-09-23T09:17:29+00:00","og_image":[{"width":1250,"height":737,"url":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/03\/novedades-de-bootstrap-5.jpg","type":"image\/jpeg"}],"author":"V\u00edctor S\u00e1nchez","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"V\u00edctor S\u00e1nchez","Tiempo de lectura":"5 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/carontestudio.com\/blog\/novedades-de-bootstrap-5\/#article","isPartOf":{"@id":"https:\/\/carontestudio.com\/blog\/novedades-de-bootstrap-5\/"},"author":{"name":"V\u00edctor S\u00e1nchez","@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/person\/86dbac78fed697f8df2289e9242c97e9"},"headline":"\u00bfCu\u00e1les son las novedades de Bootstrap 5?","datePublished":"2021-03-09T12:00:00+00:00","dateModified":"2021-09-23T09:17:29+00:00","mainEntityOfPage":{"@id":"https:\/\/carontestudio.com\/blog\/novedades-de-bootstrap-5\/"},"wordCount":902,"commentCount":0,"publisher":{"@id":"https:\/\/carontestudio.com\/blog\/#organization"},"image":{"@id":"https:\/\/carontestudio.com\/blog\/novedades-de-bootstrap-5\/#primaryimage"},"thumbnailUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/03\/novedades-de-bootstrap-5.jpg","articleSection":["Dise\u00f1o web"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/carontestudio.com\/blog\/novedades-de-bootstrap-5\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/carontestudio.com\/blog\/novedades-de-bootstrap-5\/","url":"https:\/\/carontestudio.com\/blog\/novedades-de-bootstrap-5\/","name":"\u00bfCu\u00e1les son las novedades de Bootstrap 5? - Caronte Web Studio","isPartOf":{"@id":"https:\/\/carontestudio.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/carontestudio.com\/blog\/novedades-de-bootstrap-5\/#primaryimage"},"image":{"@id":"https:\/\/carontestudio.com\/blog\/novedades-de-bootstrap-5\/#primaryimage"},"thumbnailUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/03\/novedades-de-bootstrap-5.jpg","datePublished":"2021-03-09T12:00:00+00:00","dateModified":"2021-09-23T09:17:29+00:00","description":"Este a\u00f1o saldr\u00e1 la nueva versi\u00f3n de Bootstrap 5. Si quieres conocer todas las novedades que traer\u00e1, \u00a1en la entrada de hoy te lo contamos todo!","breadcrumb":{"@id":"https:\/\/carontestudio.com\/blog\/novedades-de-bootstrap-5\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/carontestudio.com\/blog\/novedades-de-bootstrap-5\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/carontestudio.com\/blog\/novedades-de-bootstrap-5\/#primaryimage","url":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/03\/novedades-de-bootstrap-5.jpg","contentUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/03\/novedades-de-bootstrap-5.jpg","width":1250,"height":737},{"@type":"BreadcrumbList","@id":"https:\/\/carontestudio.com\/blog\/novedades-de-bootstrap-5\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/carontestudio.com\/blog\/"},{"@type":"ListItem","position":2,"name":"\u00bfCu\u00e1les son las novedades de Bootstrap 5?"}]},{"@type":"WebSite","@id":"https:\/\/carontestudio.com\/blog\/#website","url":"https:\/\/carontestudio.com\/blog\/","name":"Blog de marketing | Caronte","description":"En nuestro blog encontrar\u00e1s art\u00edculos semanales sobre SEO, marketing online, programaci\u00f3n web y mucho m\u00e1s.","publisher":{"@id":"https:\/\/carontestudio.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/carontestudio.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/carontestudio.com\/blog\/#organization","name":"Caronte - Agencia de marketing","url":"https:\/\/carontestudio.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/06\/caronte-agencia-de-marketing-logo.png","contentUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/06\/caronte-agencia-de-marketing-logo.png","width":1090,"height":155,"caption":"Caronte - Agencia de marketing"},"image":{"@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/carontewebstudio\/","https:\/\/www.instagram.com\/caronte_studio\/","https:\/\/www.tiktok.com\/@carontewebstudio","https:\/\/www.youtube.com\/@carontewebstudio","https:\/\/es.linkedin.com\/company\/carontewebstudio"]},{"@type":"Person","@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/person\/86dbac78fed697f8df2289e9242c97e9","name":"V\u00edctor S\u00e1nchez","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/c9f72a995ccc47af434f97fc9ca165f16a8ad9a5cdd99b4ac0def4f00778fe8c?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c9f72a995ccc47af434f97fc9ca165f16a8ad9a5cdd99b4ac0def4f00778fe8c?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c9f72a995ccc47af434f97fc9ca165f16a8ad9a5cdd99b4ac0def4f00778fe8c?s=96&d=mm&r=g","caption":"V\u00edctor S\u00e1nchez"},"description":"\u00bfDudas con tu hosting? \u00bfNo sabes como extremar la precauci\u00f3n de tu hosting? Est\u00e1s en el lugar adecuado. Despeja cualquier duda con los art\u00edculos de V\u00edctor S\u00e1nchez.","sameAs":["https:\/\/www.carontestudio.com\/"],"url":"https:\/\/carontestudio.com\/blog\/author\/victor\/"}]}},"_links":{"self":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts\/4179","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/comments?post=4179"}],"version-history":[{"count":11,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts\/4179\/revisions"}],"predecessor-version":[{"id":4464,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts\/4179\/revisions\/4464"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/media\/4196"}],"wp:attachment":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/media?parent=4179"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/categories?post=4179"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/tags?post=4179"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}