improvement - Bring code-example as readable HTML (#2195)

* Bring code-example as readable HTML

In all other documentation -> column documents there is the source code clearly written, so I missed it in the nested documentation and brought it in. Please verify and thanks for merge :+1:

* Added Output of nested_example itself

:+1: :+1: :+1:  jgthms for your fast comment! No I can go to bed and sleep well :o) :last_quarter_moon_with_face:

diff --git a/docs/documentation/columns/nesting.html b/docs/documentation/columns/nesting.html
index 18632b316ff32f2a41d5e18610d6e5d613b9d8ae..1e93fae4deab889d023eeba399f7d26cb58a422a 100644 (file)
--- 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>