title: How to align button and input (on form), and pull them right on a bootstrap panel-heading
body: <p>I have a bootstrap panel with a title on the left, and button on the right.
  I can't align them correctly because one of them is an input (a form rendered by twig template, it's a symfony project).</p>
  
  <p>Here is a jsfiddle exemple :
  <a href="https://jsfiddle.net/yornletard/9vbr7awb/" rel="nofollow noreferrer">https://jsfiddle.net/yornletard/9vbr7awb/</a></p>
  
  <pre><code>&lt;div class="panel panel-info"&gt;
    &lt;div class="panel-heading clearfix"&gt;
      &lt;h3 class="panel-title pull-left" style="padding-top: 7.5px;"&gt;Echantillon : origine&lt;/h3&gt;
      &lt;div class="btn-group pull-right"&gt;
        &lt;a href="/fr/sample/12/edit"&gt;
          &lt;button class="btn btn-info btn-sm"&gt;&lt;i class="fa fa-pencil"&gt;&lt;/i&gt; Modifier&lt;/button&gt;
        &lt;/a&gt;
        &lt;form name="form" method="post" action="/fr/sample/12"&gt;
          &lt;input type="hidden" name="_method" value="DELETE"&gt;
          &lt;input type="submit" value=" Supprimer l'échantillon" class="fa btn btn-info btn-sm"&gt;
          &lt;input type="hidden" id="form__token" name="form[_token]" value="uBwVtOMyGwX0omj_5gLkEAGvzHkNvH5L1NXUsVKYFr4"&gt;
        &lt;/form&gt;
      &lt;/div&gt;
    &lt;/div&gt;
      &lt;div class="panel-body"&gt;
    Echantillon : origine
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>