diff --git a/docs/documentation/columns/nesting.html b/docs/documentation/columns/nesting.html
index 18632b31..1e93fae4 100644
--- a/docs/documentation/columns/nesting.html
+++ b/docs/documentation/columns/nesting.html
@@ -39,6 +39,7 @@ breadcrumb:
   </p>
 </div>
 
+{% capture columns_nested_example %}
 <div class="columns">
   <div class="column">
     <p class="bd-notification is-info">First column</p>
@@ -66,9 +67,16 @@ breadcrumb:
     </div>
   </div>
 </div>
+{% endcapture %}
+
+{{ columns_nested_example }}
 
 <div class="content">
   <p>
     Multiline columns will also have a <strong>gap</strong> between each <strong>line</strong>.
   </p>
 </div>
+
+<div class="highlight-full">
+  {% highlight html %}{{ columns_nested_example }}{% endhighlight %}
+</div>