Clarify that .panel-heading overrides font-size of <hN> tags

Closes #17533
Closes #17735

diff --git a/docs/_includes/components/panels.html b/docs/_includes/components/panels.html
index dc6181cac6d302f7dc9269212da254d44865bbed..97ce862598d9a725dc183cccb05a85a2b6019e6f 100644 (file)
--- a/docs/_includes/components/panels.html
+++ b/docs/_includes/components/panels.html
@@ -21,7 +21,7 @@
 {% endhighlight %}
 
   <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>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. However, the font sizes of <code>&lt;h1&gt;</code>-<code>&lt;h6&gt;</code> are overridden by <code>.panel-heading</code>.</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">
     <div class="panel panel-default">