title: Form side-by-side breaking line in Bootstrap 3
body: <p>Trying to show a form side-by-side without success:</p>
  
  <p><a href="https://jsfiddle.net/eo6srkjr/" rel="nofollow">https://jsfiddle.net/eo6srkjr/</a></p>
  
  <pre><code> &lt;div class="panel panel-default"&gt;
      &lt;div class="panel-heading"&gt;
          &lt;h3 class="panel-title"&gt;Panel&lt;/h3&gt;
      &lt;/div&gt;
      &lt;div class="panel-body"&gt;
          &lt;div class="row"&gt;
              &lt;div class="col-sm-10"&gt;
                  &lt;form action="#" role="form" method="post"&gt;
                      &lt;a class="btn btn-danger btn-xs"&gt;Option 1&lt;/a&gt;
                  &lt;/form&gt;
                  &lt;form action="#" role="form" method="post"&gt;
                      &lt;a class="btn btn-success btn-xs"&gt;Option 2&lt;/a&gt;
                  &lt;/form&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Any thoughts on it? Thanks</p>