{"id":40840,"date":"2020-07-28T10:50:34","date_gmt":"2020-07-28T08:50:34","guid":{"rendered":"https:\/\/www.codeur.com\/blog\/?p=40840"},"modified":"2025-09-05T16:51:35","modified_gmt":"2025-09-05T14:51:35","slug":"bootstrap-5-nouveautes","status":"publish","type":"post","link":"https:\/\/www.codeur.com\/blog\/bootstrap-5-nouveautes\/","title":{"rendered":"Bootstrap 5 : quelles nouveaut\u00e9s ?"},"content":{"rendered":"\n

Le m\u00e9tier de d\u00e9veloppeur peut \u00eatre frustrant : r\u00e9inventer du HTML, du CSS et du JavaScript \u00e0 chaque projet… Bien que certains pr\u00e9f\u00e8rent \u00e9crire leur propre code, il n\u2019y a pas de honte \u00e0 se contenter d\u2019un framework existant. L\u2019un des frameworks les plus populaires est Bootstrap, qui vient de d\u00e9voiler sa derni\u00e8re version (en Alpha), avec \u00e0 la cl\u00e9 des changements importants.
L\u2019\u00e9quipe derri\u00e8re Bootstrap fait de son mieux pour rendre le framework l\u00e9ger, simple et plus rapide, au b\u00e9n\u00e9fice du d\u00e9veloppeur : dans cette derni\u00e8re version le m\u00e9nage a donc \u00e9t\u00e9 fait !
Si vous l\u2019utilisez dans vos projets, alors vous aimerez probablement les changements offerts par Bootstrap 5, dont voici les principales nouveaut\u00e9s.<\/p>\n\n\n\n

\"template<\/a><\/figure>\n\n\n\n

Exit jQuery<\/h2>\n\n\n\n

Alors que Bootstrap utilise jQuery depuis plus de 8 ans, ce framework<\/a> est devenu assez lourd, d\u2019autant qu\u2019il oblige les sites web qui l’utilisent \u00e0 le t\u00e9l\u00e9charger, ajoutant un temps de chargement parfois cons\u00e9quent, pour une biblioth\u00e8que qui ne peut \u00eatre utilis\u00e9e par aucun autre plugin que Bootstrap.
jQuery a donc peu \u00e0 peu perdu de sa popularit\u00e9 au profit d\u2019Angular, Vue ou React<\/a>, car la plupart de ces frameworks modernes fonctionnent \u00e0 travers le DOM virtuel et non pas directement sur le DOM, ce qui conduit \u00e0 des performances fortement am\u00e9lior\u00e9es.
\u00c0 l’avenir, toute requ\u00eate jQuery devra \u00eatre r\u00e9alis\u00e9e avec du code JavaScript dans Bootstrap 5, ce qui permettra de r\u00e9duire la taille ou le poids des fichiers du framework.
 <\/p>\n\n\n\n

Exit Internet Explorer<\/h2>\n\n\n\n

Le glas a sonn\u00e9 pour l\u2019un des pires cauchemars du d\u00e9veloppeur web : dans Bootstrap 5, la prise en charge d’Internet Explorer 10 et 11 n\u2019est plus qu\u2019un souvenir.
Le navigateur de Microsoft ne supportant pas les standards modernes de JavaScript ni la plupart des nouvelles propri\u00e9t\u00e9s CSS, il limitait le d\u00e9veloppeur dans la conception d\u2019un site web, ou bien l\u2019obligeait \u00e0 alourdir son code pour le rendre compatible avec ce navigateur obsol\u00e8te. Fini le casse-t\u00eate !
 <\/p>\n\n\n\n

Exit les \u00ab card deck \u00bb<\/h2>\n\n\n
\n
\"nouveaut\u00e9s<\/figure><\/div>\n\n\n


Dans les derni\u00e8res versions de Bootstrap, il fallait utiliser les \u00ab jeux de cartes \u00bb comme autant de classes CSS, pour pouvoir d\u00e9finir des zones de largeur et de hauteur \u00e9gales. Bootstrap 5 a remplac\u00e9 ses \u00ab jeux de cartes \u00bb par un nouveau syst\u00e8me de grid<\/a> qui offre un meilleur contr\u00f4le sur la responsivit\u00e9 de la page. Les classes \u00ab card \u00bb devenues inutiles ont \u00e9t\u00e9 supprim\u00e9es.
Bien s\u00fbr, la disparition de ces classes (et d\u2019autres) vont laisser la place \u00e0 de nouvelles classes CSS, comme la classe \u00ab dropdown-menu-dark \u00bb qui transforme le menu, lui aussi largement remani\u00e9.<\/p>\n\n\n\n

\n

\u00c0 lire aussi :<\/strong> 20 outils pour cr\u00e9er un template Bootstrap<\/a><\/p>\n<\/blockquote>\n\n\n\n

 <\/p>\n\n\n\n

Exit Jekyll, bonjour Hugo<\/h2>\n\n\n\n

Le g\u00e9n\u00e9rateur de site statique<\/a> passe de Jekyll \u00e0 Hugo. Jekyll, jadis choisi pour sa facilit\u00e9 de mise en route et sa simplicit\u00e9 de d\u00e9ploiement sur GitHub, a fait long feu : sa lenteur, combin\u00e9e \u00e0 l\u2019installation obligatoire de Ruby, a eu raison de lui.
Hugo, par contre, est \u00e9crit en Go : il n’a pas de d\u00e9pendance externe, et il est beaucoup plus rapide.<\/p>\n\n\n\n

Polices d\u2019\u00e9criture responsives<\/h2>\n\n\n\n

La conception d’un site web qui reste attrayant sur plusieurs tailles d\u2019\u00e9crans a \u00e9t\u00e9 un v\u00e9ritable d\u00e9fi pour les d\u00e9veloppeurs. Les \u00ab media queries \u00bb ont \u00e9t\u00e9 souvent utilis\u00e9es r\u00e9soudre les probl\u00e8mes de typographie (mais pas que). Les \u00ab media queries \u00bb permettent aux d\u00e9veloppeurs de contr\u00f4ler l’apparence des textes en sp\u00e9cifiant des tailles de police sp\u00e9cifiques en fonction d’une taille d\u2019\u00e9cran donn\u00e9e.
Bootstrap 5 activera par d\u00e9faut les tailles de police r\u00e9actives qui redimensionneront automatiquement l’\u00e9l\u00e9ment en fonction de la taille de la fen\u00eatre de l’utilisateur, via le moteur RFS (Responsive Font Sizes).<\/p>\n\n\n\n

\n

RFS est un moteur de redimensionnement d\u00e9velopp\u00e9 pour redimensionner les tailles de police. Mais pas que, puisque RFS offre la possibilit\u00e9 de redimensionner pratiquement tout, comme le margin, padding, border-radius…<\/p>\n<\/blockquote>\n\n\n\n

 <\/p>\n\n\n\n

Nouvelle librairie d\u2019ic\u00f4nes<\/h2>\n\n\n
\n
\"nouveaut\u00e9s<\/figure><\/div>\n\n\n


Dans Bootstrap 4, les d\u00e9veloppeurs web doivent se contenter de polices d’ic\u00f4nes libres de droit<\/a> (comme Font Awesome) ou utiliser leurs propres ic\u00f4nes SVG<\/a> afin d’ajouter du cachet \u00e0 leur site web.
Bootstrap 5 arrive avec une nouvelle biblioth\u00e8que d’ic\u00f4nes SVG con\u00e7ue par le co-fondateur de Bootstrap. Avant la sortie officielle de Bootstrap 5, ces ic\u00f4nes peuvent d\u2019ores-et-d\u00e9j\u00e0 \u00eatre ajout\u00e9es et utilis\u00e9es dans votre projet, en visitant cette page<\/a>.<\/p>\n\n\n\n

\n

Avantage : Enti\u00e8rement gratuite, cette librairie d\u2019ic\u00f4nes peut m\u00eame servir \u00e0 ceux qui n\u2019utilisent pas le framework.<\/p>\n<\/blockquote>\n\n\n\n

\n

D\u00e9couvrez notre s\u00e9lection de 25 templates Bootstrap gratuits \u00e0 d\u00e9couvrir<\/a> et 11 sites o\u00f9 t\u00e9l\u00e9charger vos th\u00e8mes Bootrstrap gratuitement<\/a> !<\/p>\n<\/blockquote>\n\n\n\n

 <\/p>\n\n\n\n

Conclusion<\/h2>\n\n\n\n

L’\u00e9quipe de d\u00e9veloppement de Boostrap 5 a bien travaill\u00e9, mais a inform\u00e9 ses utilisateurs que cette mouture est toujours en version alpha : d\u2019autres changements, ainsi que des corrections de bugs<\/a> sont attendus jusqu’\u00e0 la sortie de la b\u00eata. Si vous \u00eates un aficionado du framework, press\u00e9 d\u2019essayer la version 5 de Bootstrap, il est inutile de vous conseiller de garder un \u0153il sur le GitHub<\/a> de Bootstrap.
Vous avez un projet de cr\u00e9ation de site internet<\/a> avec Bootstrap ? Demandez les devis de d\u00e9veloppeurs web freelances<\/a> sur Codeur.com ! C’est rapide, et gratuit !<\/p>\n","protected":false},"excerpt":{"rendered":"

Le m\u00e9tier de d\u00e9veloppeur peut \u00eatre frustrant : r\u00e9inventer du HTML, du CSS et du JavaScript \u00e0 chaque projet… Bien que certains pr\u00e9f\u00e8rent \u00e9crire leur propre code, il n\u2019y a pas de honte \u00e0 se contenter d\u2019un framework existant. L\u2019un des frameworks les plus populaires est Bootstrap, qui vient de d\u00e9voiler sa derni\u00e8re version (en Alpha), […]<\/p>\n","protected":false},"author":5,"featured_media":40843,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[130],"tags":[39],"class_list":["post-40840","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-bootstrap","tag-conseils"],"acf":[],"yoast_head":"\nBootstrap 5 : quelles nouveaut\u00e9s ?<\/title>\n<meta name=\"description\" content=\"Le m\u00e9tier de d\u00e9veloppeur peut \u00eatre frustrant : r\u00e9inventer du HTML, du CSS et du JavaScript \u00e0 chaque projet... Bien que certains pr\u00e9f\u00e8rent \u00e9crire leur\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.codeur.com\/blog\/bootstrap-5-nouveautes\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Bootstrap 5 : quelles nouveaut\u00e9s ?\" \/>\n<meta property=\"og:description\" content=\"Le m\u00e9tier de d\u00e9veloppeur peut \u00eatre frustrant : r\u00e9inventer du HTML, du CSS et du JavaScript \u00e0 chaque projet... Bien que certains pr\u00e9f\u00e8rent \u00e9crire leur\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.codeur.com\/blog\/bootstrap-5-nouveautes\/\" \/>\n<meta property=\"og:site_name\" content=\"Codeur.com\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/fr-fr.facebook.com\/codeurfreelance\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-07-28T08:50:34+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-05T14:51:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/07\/bootstrap5-nouveautes.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"618\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Thomas Lazzaroni\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@totolazza\" \/>\n<meta name=\"twitter:site\" content=\"@codeur\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Thomas Lazzaroni\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.codeur.com\/blog\/bootstrap-5-nouveautes\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/bootstrap-5-nouveautes\/\"},\"author\":{\"name\":\"Thomas Lazzaroni\",\"@id\":\"https:\/\/www.codeur.com\/blog\/#\/schema\/person\/cc3b0a678aeffcae19ecc599eaf679e5\"},\"headline\":\"Bootstrap 5 : quelles nouveaut\u00e9s ?\",\"datePublished\":\"2020-07-28T08:50:34+00:00\",\"dateModified\":\"2025-09-05T14:51:35+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/bootstrap-5-nouveautes\/\"},\"wordCount\":929,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/bootstrap-5-nouveautes\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/07\/bootstrap5-nouveautes.jpg\",\"keywords\":[\"Conseils\"],\"articleSection\":[\"Bootstrap\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.codeur.com\/blog\/bootstrap-5-nouveautes\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.codeur.com\/blog\/bootstrap-5-nouveautes\/\",\"url\":\"https:\/\/www.codeur.com\/blog\/bootstrap-5-nouveautes\/\",\"name\":\"Bootstrap 5 : quelles nouveaut\u00e9s ?\",\"isPartOf\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/bootstrap-5-nouveautes\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/bootstrap-5-nouveautes\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/07\/bootstrap5-nouveautes.jpg\",\"datePublished\":\"2020-07-28T08:50:34+00:00\",\"dateModified\":\"2025-09-05T14:51:35+00:00\",\"description\":\"Le m\u00e9tier de d\u00e9veloppeur peut \u00eatre frustrant : r\u00e9inventer du HTML, du CSS et du JavaScript \u00e0 chaque projet... Bien que certains pr\u00e9f\u00e8rent \u00e9crire leur\",\"breadcrumb\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/bootstrap-5-nouveautes\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.codeur.com\/blog\/bootstrap-5-nouveautes\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/www.codeur.com\/blog\/bootstrap-5-nouveautes\/#primaryimage\",\"url\":\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/07\/bootstrap5-nouveautes.jpg\",\"contentUrl\":\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/07\/bootstrap5-nouveautes.jpg\",\"width\":1024,\"height\":618,\"caption\":\"nouveaut\u00e9s Bootstrap 5\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.codeur.com\/blog\/bootstrap-5-nouveautes\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/www.codeur.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"D\u00e9veloppement\",\"item\":\"https:\/\/www.codeur.com\/blog\/developpement\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Frameworks\",\"item\":\"https:\/\/www.codeur.com\/blog\/developpement\/frameworks\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Bootstrap\",\"item\":\"https:\/\/www.codeur.com\/blog\/developpement\/frameworks\/bootstrap\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Bootstrap 5 : quelles nouveaut\u00e9s ?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.codeur.com\/blog\/#website\",\"url\":\"https:\/\/www.codeur.com\/blog\/\",\"name\":\"Codeur.com\",\"description\":\"codeur\",\"publisher\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.codeur.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.codeur.com\/blog\/#organization\",\"name\":\"Codeur.com\",\"url\":\"https:\/\/www.codeur.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/www.codeur.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2022\/04\/logo-codeur-com.png\",\"contentUrl\":\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2022\/04\/logo-codeur-com.png\",\"width\":2560,\"height\":465,\"caption\":\"Codeur.com\"},\"image\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/fr-fr.facebook.com\/codeurfreelance\/\",\"https:\/\/x.com\/codeur\",\"https:\/\/www.linkedin.com\/company\/codeur\/\",\"https:\/\/www.youtube.com\/channel\/UCgj9ySM9xy3gdL8qBafl9Uw\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.codeur.com\/blog\/#\/schema\/person\/cc3b0a678aeffcae19ecc599eaf679e5\",\"name\":\"Thomas Lazzaroni\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/www.codeur.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7306fb87b7017ab0955d07c2f2b771ac79e91965a2fca514df0c043f7c087fd2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7306fb87b7017ab0955d07c2f2b771ac79e91965a2fca514df0c043f7c087fd2?s=96&d=mm&r=g\",\"caption\":\"Thomas Lazzaroni\"},\"description\":\"Depuis plus de 10 ans, je contribue \u00e0 faire rayonner nos sites en imaginant des strat\u00e9gies qui renforcent notre visibilit\u00e9 et notre position de r\u00e9f\u00e9rence.\",\"sameAs\":[\"https:\/\/totolazza.com\",\"https:\/\/www.linkedin.com\/in\/thomaslazzaroni\/\",\"https:\/\/x.com\/totolazza\"],\"url\":\"https:\/\/www.codeur.com\/blog\/author\/thomas\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Bootstrap 5 : quelles nouveaut\u00e9s ?","description":"Le m\u00e9tier de d\u00e9veloppeur peut \u00eatre frustrant : r\u00e9inventer du HTML, du CSS et du JavaScript \u00e0 chaque projet... Bien que certains pr\u00e9f\u00e8rent \u00e9crire leur","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:\/\/www.codeur.com\/blog\/bootstrap-5-nouveautes\/","og_locale":"fr_FR","og_type":"article","og_title":"Bootstrap 5 : quelles nouveaut\u00e9s ?","og_description":"Le m\u00e9tier de d\u00e9veloppeur peut \u00eatre frustrant : r\u00e9inventer du HTML, du CSS et du JavaScript \u00e0 chaque projet... Bien que certains pr\u00e9f\u00e8rent \u00e9crire leur","og_url":"https:\/\/www.codeur.com\/blog\/bootstrap-5-nouveautes\/","og_site_name":"Codeur.com","article_publisher":"https:\/\/fr-fr.facebook.com\/codeurfreelance\/","article_published_time":"2020-07-28T08:50:34+00:00","article_modified_time":"2025-09-05T14:51:35+00:00","og_image":[{"width":1024,"height":618,"url":"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/07\/bootstrap5-nouveautes.jpg","type":"image\/jpeg"}],"author":"Thomas Lazzaroni","twitter_card":"summary_large_image","twitter_creator":"@totolazza","twitter_site":"@codeur","twitter_misc":{"\u00c9crit par":"Thomas Lazzaroni","Dur\u00e9e de lecture estim\u00e9e":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.codeur.com\/blog\/bootstrap-5-nouveautes\/#article","isPartOf":{"@id":"https:\/\/www.codeur.com\/blog\/bootstrap-5-nouveautes\/"},"author":{"name":"Thomas Lazzaroni","@id":"https:\/\/www.codeur.com\/blog\/#\/schema\/person\/cc3b0a678aeffcae19ecc599eaf679e5"},"headline":"Bootstrap 5 : quelles nouveaut\u00e9s ?","datePublished":"2020-07-28T08:50:34+00:00","dateModified":"2025-09-05T14:51:35+00:00","mainEntityOfPage":{"@id":"https:\/\/www.codeur.com\/blog\/bootstrap-5-nouveautes\/"},"wordCount":929,"commentCount":0,"publisher":{"@id":"https:\/\/www.codeur.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.codeur.com\/blog\/bootstrap-5-nouveautes\/#primaryimage"},"thumbnailUrl":"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/07\/bootstrap5-nouveautes.jpg","keywords":["Conseils"],"articleSection":["Bootstrap"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.codeur.com\/blog\/bootstrap-5-nouveautes\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.codeur.com\/blog\/bootstrap-5-nouveautes\/","url":"https:\/\/www.codeur.com\/blog\/bootstrap-5-nouveautes\/","name":"Bootstrap 5 : quelles nouveaut\u00e9s ?","isPartOf":{"@id":"https:\/\/www.codeur.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.codeur.com\/blog\/bootstrap-5-nouveautes\/#primaryimage"},"image":{"@id":"https:\/\/www.codeur.com\/blog\/bootstrap-5-nouveautes\/#primaryimage"},"thumbnailUrl":"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/07\/bootstrap5-nouveautes.jpg","datePublished":"2020-07-28T08:50:34+00:00","dateModified":"2025-09-05T14:51:35+00:00","description":"Le m\u00e9tier de d\u00e9veloppeur peut \u00eatre frustrant : r\u00e9inventer du HTML, du CSS et du JavaScript \u00e0 chaque projet... Bien que certains pr\u00e9f\u00e8rent \u00e9crire leur","breadcrumb":{"@id":"https:\/\/www.codeur.com\/blog\/bootstrap-5-nouveautes\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.codeur.com\/blog\/bootstrap-5-nouveautes\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.codeur.com\/blog\/bootstrap-5-nouveautes\/#primaryimage","url":"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/07\/bootstrap5-nouveautes.jpg","contentUrl":"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/07\/bootstrap5-nouveautes.jpg","width":1024,"height":618,"caption":"nouveaut\u00e9s Bootstrap 5"},{"@type":"BreadcrumbList","@id":"https:\/\/www.codeur.com\/blog\/bootstrap-5-nouveautes\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/www.codeur.com\/blog\/"},{"@type":"ListItem","position":2,"name":"D\u00e9veloppement","item":"https:\/\/www.codeur.com\/blog\/developpement\/"},{"@type":"ListItem","position":3,"name":"Frameworks","item":"https:\/\/www.codeur.com\/blog\/developpement\/frameworks\/"},{"@type":"ListItem","position":4,"name":"Bootstrap","item":"https:\/\/www.codeur.com\/blog\/developpement\/frameworks\/bootstrap\/"},{"@type":"ListItem","position":5,"name":"Bootstrap 5 : quelles nouveaut\u00e9s ?"}]},{"@type":"WebSite","@id":"https:\/\/www.codeur.com\/blog\/#website","url":"https:\/\/www.codeur.com\/blog\/","name":"Codeur.com","description":"codeur","publisher":{"@id":"https:\/\/www.codeur.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.codeur.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/www.codeur.com\/blog\/#organization","name":"Codeur.com","url":"https:\/\/www.codeur.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.codeur.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2022\/04\/logo-codeur-com.png","contentUrl":"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2022\/04\/logo-codeur-com.png","width":2560,"height":465,"caption":"Codeur.com"},"image":{"@id":"https:\/\/www.codeur.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/fr-fr.facebook.com\/codeurfreelance\/","https:\/\/x.com\/codeur","https:\/\/www.linkedin.com\/company\/codeur\/","https:\/\/www.youtube.com\/channel\/UCgj9ySM9xy3gdL8qBafl9Uw"]},{"@type":"Person","@id":"https:\/\/www.codeur.com\/blog\/#\/schema\/person\/cc3b0a678aeffcae19ecc599eaf679e5","name":"Thomas Lazzaroni","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.codeur.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7306fb87b7017ab0955d07c2f2b771ac79e91965a2fca514df0c043f7c087fd2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7306fb87b7017ab0955d07c2f2b771ac79e91965a2fca514df0c043f7c087fd2?s=96&d=mm&r=g","caption":"Thomas Lazzaroni"},"description":"Depuis plus de 10 ans, je contribue \u00e0 faire rayonner nos sites en imaginant des strat\u00e9gies qui renforcent notre visibilit\u00e9 et notre position de r\u00e9f\u00e9rence.","sameAs":["https:\/\/totolazza.com","https:\/\/www.linkedin.com\/in\/thomaslazzaroni\/","https:\/\/x.com\/totolazza"],"url":"https:\/\/www.codeur.com\/blog\/author\/thomas\/"}]}},"_links":{"self":[{"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/posts\/40840","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/comments?post=40840"}],"version-history":[{"count":0,"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/posts\/40840\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/media\/40843"}],"wp:attachment":[{"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/media?parent=40840"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/categories?post=40840"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/tags?post=40840"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}