diff --git a/components.html b/components.html
index 815bd5d89..e7b6bf70d 100644
--- a/components.html
+++ b/components.html
@@ -2403,7 +2403,7 @@ body { padding-bottom: 70px; }
     <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>
     <div class="bs-example">
       <div class="panel">
-        <div class="panel-heading">Panel heading</div>
+        <div class="panel-heading">Panel heading without title</div>
         <div class="panel-body">
           Panel content
         </div>
@@ -2419,7 +2419,7 @@ body { padding-bottom: 70px; }
     </div>
 {% highlight html %}
 <div class="panel">
-  <div class="panel-heading">Panel heading</div>
+  <div class="panel-heading">Panel heading without title</div>
   <div class="panel-body">
     Panel content
   </div>
@@ -2436,7 +2436,7 @@ body { padding-bottom: 70px; }
 {% endhighlight %}
 
     <h3 id="panels-footer">Panel with footer</h3>
-    <p>Wrap buttons or secondary text in <code>.panel-footer</code>.</p>
+    <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">
       <div class="panel">
         <div class="panel-body">