title: bootstrap panel title - align controls on right
body: <p>I have few controls in bootstrap panel title section and I want them to display on the right side. I used "pull-right" css class to align the controls on right but, the panel title is losing it's height. This behavior is observed in IE8 and above as well as chrome.</p>
  
  <p><strong>Current Status:</strong></p>
  
  <p><a href="https://i.stack.imgur.com/ZcItv.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ZcItv.png" alt="enter image description here"></a></p>
  
  <p><strong>Fiddler:</strong> <a href="https://jsfiddle.net/99x50s2s/156/" rel="nofollow noreferrer">https://jsfiddle.net/99x50s2s/156/</a></p>
  
  <p><strong>Code:</strong></p>
  
  <pre><code>&lt;div id="DataRow" class="col-md-12"&gt;
      &lt;div class="panel panel-info"&gt;
          &lt;div class="panel-heading"&gt;
              &lt;h3 class="panel-title"&gt;
                  &lt;div class="pull-right"&gt;
                      &lt;a class="btn btn-warning btn-xs" data-toggle="collapse" data-parent="#DataRow" href="#CollapseData" aria-expanded="true" aria-controls="CollapseData"&gt;
                      &lt;span class="glyphicon glyphicon-collapse-down"&gt;&lt;/span&gt;
                  &lt;/a&gt;
                  Data               
  
                  &lt;button class="btn btn-danger btn-xs disabled" id="DownloadBtn" type="button" title="Download all data"&gt;&lt;span class="glyphicon glyphicon-download-alt" aria-hidden="true"&gt;&lt;/span&gt;&amp;nbspDownload&lt;/button&gt;
                  &lt;/div&gt;                
              &lt;/h3&gt;
  
          &lt;/div&gt;
          &lt;div id="CollapseData" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne"&gt;
              &lt;div class="panel-body"&gt;
                  &lt;div class="form-inline col-sm-12 move-down-sm"&gt;
                      Controls will be displayed here
                  &lt;/div&gt;
                  &lt;div class="form-horizontal col-sm-12 move-down-sm"&gt;
                      Controls will be displayed here
                  &lt;/div&gt;
                  &lt;div class="form-inline col-sm-12 move-down-sm"&gt;
                      Controls will be displayed here
                  &lt;/div&gt;                    
              &lt;/div&gt;
              &lt;div class="panel-footer"&gt;
                  &lt;button class="btn btn-success btn-xs" id="SaveChangesBtn" type="button" title="Save the changes"&gt;&lt;span class="glyphicon glyphicon-floppy-save" aria-hidden="true"&gt;&lt;/span&gt;&amp;nbspSave Changes&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>Expectation:</strong></p>
  
  <p><a href="https://i.stack.imgur.com/adve8.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/adve8.png" alt="enter image description here"></a></p>