diff --git a/docs/components.html b/docs/components.html
index 46b4fde49..b169164ad 100644
--- a/docs/components.html
+++ b/docs/components.html
@@ -1355,8 +1355,9 @@
         ================================================== -->
         <section id="thumbnails">
           <div class="page-header">
-            <h1>Thumbnails <small>Grids of images, videos, text, and more</small></h1>
+            <h1>Thumbnails</h1>
           </div>
+          <p class="lead">Extend Bootstrap's <a href="./css.html#gridSystem">grid system</a> with the thumbnail component to easily display grids of images, videos, text, and more.</p>
 
           <h3>Default thumbnails</h3>
           <p>By default, Bootstrap's thumbnails are designed to showcase linked images with minimal required markup.</p>
diff --git a/docs/templates/pages/components.mustache b/docs/templates/pages/components.mustache
index 913fd261c..9c4842385 100644
--- a/docs/templates/pages/components.mustache
+++ b/docs/templates/pages/components.mustache
@@ -1287,8 +1287,9 @@
         ================================================== -->
         <section id="thumbnails">
           <div class="page-header">
-            <h1>Thumbnails <small>Grids of images, videos, text, and more</small></h1>
+            <h1>Thumbnails</h1>
           </div>
+          <p class="lead">Extend Bootstrap's <a href="./css.html#gridSystem">grid system</a> with the thumbnail component to easily display grids of images, videos, text, and more.</p>
 
           <h3>Default thumbnails</h3>
           <p>By default, Bootstrap's thumbnails are designed to showcase linked images with minimal required markup.</p>