diff --git a/exampleSite/content/en/blog/bootstrap-elements.md b/exampleSite/content/en/blog/bootstrap-elements.md
index 7520fe54..729b637b 100644
--- a/exampleSite/content/en/blog/bootstrap-elements.md
+++ b/exampleSite/content/en/blog/bootstrap-elements.md
@@ -339,15 +339,15 @@ As an example, the following shortcode displays a tab group with vertically alig
 
 <!-- markdownlint-disable MD037 -->
 {{< example lang="hugo" >}}
-  {{</* nav type="pills" vertical="true" */>}}
-    {{</* nav-item header="Nav Item #1" show="true" */>}}
+  {{</* nav tab-type="pills" vertical="true" */>}}
+    {{</* nav-item title="Nav Item #1" show="true" */>}}
       This is the first item's nav body. It supports HTML content, if enabled in the goldmark
       renderer. The item is shown by adding the value `show` to the `class` argument.
     {{</* /nav-item */>}}
-    {{</* nav-item header="Nav Item #2" */>}}
+    {{</* nav-item title="Nav Item #2" */>}}
       This is the second item's nav body.
     {{</* /nav-item */>}}
-    {{</* nav-item header="Nav Item #3" */>}}
+    {{</* nav-item title="Nav Item #3" */>}}
       This is the third item's nav body.
     {{</* /nav-item */>}}
   {{</* /nav */>}}
diff --git a/exampleSite/content/fr/blog/bootstrap-elements.md b/exampleSite/content/fr/blog/bootstrap-elements.md
index 711a6c2f..6d557340 100644
--- a/exampleSite/content/fr/blog/bootstrap-elements.md
+++ b/exampleSite/content/fr/blog/bootstrap-elements.md
@@ -321,15 +321,15 @@ Utilisez le shortcode `mark` pour {{</* mark >}}mettre en évidence{{< /mark */>
 
 <!-- markdownlint-disable MD037 -->
 {{< example lang="hugo" >}}
-  {{</* nav type="pills" vertical="true" */>}}
-    {{</* nav-item header="Élément de navigation #1" show="true" */>}}
+  {{</* nav tab-type="pills" vertical="true" */>}}
+    {{</* nav-item title="Élément de navigation #1" show="true" */>}}
       Voici le contenu de navigation du premier élément. Il prend en charge le contenu HTML, s'il est
       activé dans le moteur de rendu Goldmark. L'élément est affiché en ajoutant la valeur `show` à l'argument `class`.
     {{</* /nav-item */>}}
-    {{</* nav-item header="Élément de navigation #2" */>}}
+    {{</* nav-item title="Élément de navigation #2" */>}}
       Voici le contenu de navigation du deuxième élément.
     {{</* /nav-item */>}}
-    {{</* nav-item header="Élément de navigation #3" */>}}
+    {{</* nav-item title="Élément de navigation #3" */>}}
       Voici le contenu de navigation du troisième élément.
     {{</* /nav-item */>}}
   {{</* /nav */>}}