Two Bootstrap buttons aligned to the right in a row
<p>I can't get two buttons to stay when possible one next to other aligned at the right side of the panel.</p>

<p>Here is a <a href="http://jsfiddle.net/o7q73o59/3/" rel="nofollow noreferrer">fiddle</a> with my current solution.</p>

<pre><code>&lt;div class="panel panel-default"&gt;
      &lt;div class="panel-heading"&gt;
            &lt;h3 class="panel-title"&gt;my panel title&lt;/h3&gt;
      &lt;/div&gt;
      &lt;div class="panel-body"&gt;
            &lt;form action="#" class="form"&gt;
                 &lt;div class="row"&gt;
                   &lt;div class="col-sm-offset-10 col-sm-1"&gt;
                     &lt;button type="submit" class="btn btn-default" id="btn1" name="btn1" value="1"&gt;button1&lt;/button&gt;
                   &lt;/div&gt;
                   &lt;div class="col-sm-1"&gt;
                     &lt;button class="btn btn-primary" id="btn2" name="btn2" value="2" type="submit"&gt;button2&lt;/button&gt;
                   &lt;/div&gt;
                 &lt;/div&gt;
            &lt;/form&gt;
      &lt;/div&gt;
&lt;/div&gt;
</code></pre>