docs>components>(remainder) headings

docs/_includes/components/panels.html

@@ -3,7 +3,7 @@
 
   <p class="lead">While not always necessary, sometimes you need to put your DOM in a box. For those situations, try the panel component.</p>
 
-  <h3 id="panels-basic">Basic example</h3>
+  <h2 id="panels-basic">Basic example</h2>
   <p>By default, all the <code>.panel</code> does is apply some basic border and padding to contain some content.</p>
   <div class="bs-example" data-example-id="simple-panel">
     <div class="panel panel-default">
@@ -20,7 +20,7 @@
 </div>
 {% endhighlight %}
 
-  <h3 id="panels-heading">Panel with heading</h3>
+  <h2 id="panels-heading">Panel with heading</h2>
   <p>Easily add a heading container to your panel with <code>.panel-heading</code>. You may also include any <code>&lt;h1&gt;</code>-<code>&lt;h6&gt;</code> with a <code>.panel-title</code> class to add a pre-styled heading.</p>
   <p>For proper link coloring, be sure to place links in headings within <code>.panel-title</code>.</p>
   <div class="bs-example" data-example-id="panel-with-heading">
@@ -57,7 +57,7 @@
 </div>
 {% endhighlight %}
 
-  <h3 id="panels-footer">Panel with footer</h3>
+  <h2 id="panels-footer">Panel with footer</h2>
   <p>Wrap buttons or secondary text in <code>.panel-footer</code>. Note that panel footers <strong>do not</strong> inherit colors and borders when using contextual variations as they are not meant to be in the foreground.</p>
   <div class="bs-example" data-example-id="panel-with-footer">
     <div class="panel panel-default">
@@ -76,7 +76,7 @@
 </div>
 {% endhighlight %}
 
-  <h3 id="panels-alternatives">Contextual alternatives</h3>
+  <h2 id="panels-alternatives">Contextual alternatives</h2>
   <p>Like other components, easily make a panel more meaningful to a particular context by adding any of the contextual state classes.</p>
   <div class="bs-example" data-example-id="contextual-panels">
     <div class="panel panel-primary">
@@ -128,7 +128,7 @@
 <div class="panel panel-danger">...</div>
 {% endhighlight %}
 
-  <h3 id="panels-tables">With tables</h3>
+  <h2 id="panels-tables">With tables</h2>
   <p>Add any non-bordered <code>.table</code> within a panel for a seamless design. If there is a <code>.panel-body</code>, we add an extra border to the top of the table for separation.</p>
   <div class="bs-example" data-example-id="table-within-panel">
     <div class="panel panel-default">
@@ -238,7 +238,7 @@
 {% endhighlight %}
 
 
-  <h3 id="panels-list-group">With list groups</h3>
+  <h2 id="panels-list-group">With list groups</h2>
   <p>Easily include full-width <a href="#list-group">list groups</a> within any panel.</p>
   <div class="bs-example" data-example-id="panel-with-list-group">
     <div class="panel panel-default">