Add columns section

docs/documentation/components/breadcrumb.html

@@ -232,7 +232,7 @@ variables:
 
     {% highlight html %}{{breadcrumb_succeeds_example}}{% endhighlight %}
 
-    {% include heading.html name="Sizes" %}
+    {% include anchor.html name="Sizes" %}
 
     <div class="content">
       <p>You can choose between <strong>3 additional sizes</strong>: <code>is-small</code> <code>is-medium</code> and <code>is-large</code>.</p>

docs/documentation/components/message.html

@@ -210,7 +210,7 @@ variables:
       </div>
     </div>
 
-    {% include heading.html name="Colors" %}
+    {% include anchor.html name="Colors" %}
 
     <div class="columns">
       <div class="column is-half">
@@ -236,7 +236,7 @@ variables:
       </div>
     </div>
 
-    {% include heading.html name="Sizes" %}
+    {% include anchor.html name="Sizes" %}
 
     <div class="columns">
       <div class="column is-half">

docs/documentation/components/navbar.html

@@ -597,7 +597,7 @@ document.addEventListener('DOMContentLoaded', function () {
 
     {% highlight html %}{{navbar_example}}{% endhighlight %}
 
-    {% include heading.html name="Navbar brand" %}
+    {% include anchor.html name="Navbar brand" %}
 
     <div class="content">
       <p>
@@ -633,7 +633,7 @@ document.addEventListener('DOMContentLoaded', function () {
       </p>
     </div>
 
-    {% include heading.html name="Navbar burger" %}
+    {% include anchor.html name="Navbar burger" %}
 
     <div class="content">
       <p>
@@ -665,7 +665,7 @@ document.addEventListener('DOMContentLoaded', function () {
       </div>
     </div>
 
-    {% include heading.html name="Navbar menu" %}
+    {% include anchor.html name="Navbar menu" %}
 
     <div class="content">
       <p>
@@ -716,7 +716,7 @@ document.addEventListener('DOMContentLoaded', function () {
       </div>
     </div>
 
-    {% include heading.html name="Navbar start and navbar end" %}
+    {% include anchor.html name="Navbar start and navbar end" %}
 
     <div class="content">
       <p>
@@ -740,7 +740,7 @@ document.addEventListener('DOMContentLoaded', function () {
 
     {% highlight html %}{{navbar_start_end_example}}{% endhighlight %}
 
-    {% include heading.html name="Navbar item" %}
+    {% include anchor.html name="Navbar item" %}
 
     <div class="content">
       <p>
@@ -790,7 +790,7 @@ document.addEventListener('DOMContentLoaded', function () {
       </ul>
     </div>
 
-    {% include heading.html name="Transparent navbar" %}
+    {% include anchor.html name="Transparent navbar" %}
 
     <div class="content">
       <p>
@@ -804,7 +804,7 @@ document.addEventListener('DOMContentLoaded', function () {
 
     {% highlight html %}{{navbar_transparent_example}}{% endhighlight %}
 
-    {% include heading.html name="Dropdown menu" %}
+    {% include anchor.html name="Dropdown menu" %}
 
     <div class="content">
       <p>

docs/documentation/components/tabs.html

@@ -418,7 +418,7 @@ variables:
     </div>
     {% highlight html %}{{tabs_icons_example}}{% endhighlight %}
 
-    {% include heading.html name="Sizes" %}
+    {% include anchor.html name="Sizes" %}
     <div class="content">
       <p>You can choose between <strong>3 additional sizes</strong>: <code>is-small</code> <code>is-medium</code> and <code>is-large</code>.</p>
     </div>