将文本与Bootstrap面板标题文本对齐

Question

“我正在尝试做的事情”是将面板上方的文本与面板标题中的文本对齐，无论屏幕尺寸如何。我一直在摸着这个......

N.B. The full fiddle is here

<div class="container">
   <div class="row">
      <div class="col">
         <h2 class="h2align">Left align with "Panel Title"</h2>
      </div>
   </div>
   <div class="panel panel-default">
      <div class="panel-heading">
         <div class="row col-md-6 col-md-offset-2 custyle">
            <h2>
               Panel Title
            </h2>
         </div>
      </div>
      <div class="panel-body">
        <p>Panel Body, yada yada...</p>
     </div>
   </div> <!-- /panel -->
</div> <!-- /container -->