title: Add underline to Bootstrap's Panel
body: <p>I have made a design in inkscape which I now want to start building in HTML using the bootstrap framework.</p>
  
  <p>However, I am finding it a bit frustrating/lost trying to add a underline to the panel heading.</p>
  
  <p>The code in bootstrap is this particular bit just to show what panel component I am referring to:</p>
  
  <pre><code>&lt;section class="panel panel-primary"&gt;
    &lt;header class="panel-heading"&gt;
     &lt;h5 class="panel-title"&gt;Panel title&lt;/h5&gt;
    &lt;/header&gt;
    &lt;div class="panel-body"&gt;
     &lt;p&gt;Panel content&lt;/p&gt;
    &lt;/div&gt;
  &lt;/section&gt;
  </code></pre>
  
  <p>This displays the default bootstrap panel like so:</p>
  
  <p><a href="https://i.stack.imgur.com/ANxnE.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ANxnE.png" alt="enter image description here"></a></p>
  
  <p>What I want to achieve is the following: (<em>please note I am only referring to the underline in the image below to style the panel to match the styling below I can do so don't worry about the full CSS I am fairly comfortable with it, it's just for the life of me I can't seem to figure out how to add the underline to the default bootstrap panel component.</em>)</p>
  
  <p><a href="https://i.stack.imgur.com/8Gvct.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/8Gvct.png" alt="enter image description here"></a></p>
  
  <p><strong>Tl;Dr</strong>
  Just to be super clear ignore the different styling I can manage that just help me understand how to add the underline to the panel heading.</p>
  
  <p><strong>EDIT</strong></p>
  
  <p>Thank you so much guys this means the world to me.
  It works! See below:</p>
  
  <p><a href="https://i.stack.imgur.com/m11rk.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/m11rk.png" alt="enter image description here"></a></p>