Improve layout docs

docs/documentation/layout/container.html

@@ -45,12 +45,12 @@ breadcrumb:
 {% endcapture %}
 
 <div class="content">
-  <p>The <code>.container</code> class can be used in any context, but mostly as a <strong>direct child</strong> of either:</p>
+  <p>The <code>container</code> class can be used in any context, but mostly as a <strong>direct child</strong> of either:</p>
   <ul>
-    <li><code>.navbar</code></li>
-    <li><code>.hero</code></li>
-    <li><code>.section</code></li>
-    <li><code>.footer</code></li>
+    <li><code>navbar</code></li>
+    <li><code>hero</code></li>
+    <li><code>section</code></li>
+    <li><code>footer</code></li>
   </ul>
   <p>
     The containers <strong>width</strong> for each <strong>breakpoint</strong> is the result
@@ -76,7 +76,8 @@ breadcrumb:
 
 {% highlight html %}{{ container_example }}{% endhighlight %}
 
-<h3 class="title is-4">Fluid container</h3>
+{% include elements/anchor.html name="Fluid container" %}
+
 <div class="content">
   <p>If you don't want to have a maximum width but want to keep the 32px margin on the left and
      right sides, add the <code>is-fluid</code> modifier:</p>
@@ -92,10 +93,11 @@ breadcrumb:
 
 {% highlight html %}{{ container_fluid_example }}{% endhighlight %}
 
-<h3 class="title is-4">Breakpoint containers</h3>
+{% include elements/anchor.html name="Breakpoint containers" %}
+
 <div class="content">
   <p>
-    With the two modifiers <code>.is-widescreen</code> and <code>.is-fullhd</code>, you can have a <em>fullwidth</em> container <strong>until</strong> those specific breakpoints.
+    With the two modifiers <code>is-widescreen</code> and <code>is-fullhd</code>, you can have a <em>fullwidth</em> container <strong>until</strong> those specific breakpoints.
   </p>
 </div>
 

docs/documentation/layout/footer.html

@@ -22,6 +22,12 @@ breadcrumb:
 </footer>
 {% endcapture %}
 
+<div class="content">
+  <p>
+    The Bulma <strong>footer</strong> is a simple container, with lots of bottom padding, making it great as the last element of any webpage.
+  </p>
+</div>
+
 {% include elements/snippet.html content=footer_example horizontal=true more=true %}
 
 {% include elements/variables.html %}