From fe1385327d1db1860a04e133174b23ea9456e856 Mon Sep 17 00:00:00 2001
From: delphianer <44456919+delphianer@users.noreply.github.com>
Date: Sun, 28 Oct 2018 23:14:31 +0100
Subject: [PATCH] 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:
---
 docs/documentation/columns/nesting.html | 8 ++++++++
 1 file changed, 8 insertions(+)

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>