title: Bootstrap place button in one line
body: <p>How to fix a button <code>Close</code> because when width of screen decreasing it slip under the <code>save</code> button. How to prevent this by bootstrap or css?</p>
  
  <p>Link on <a href="http://codepen.io/a191919/pen/yOrjNj" rel="nofollow">Codepen</a> because it does not happens in stack snippet.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/&gt;
      &lt;div class="form-group"&gt;
          &lt;div class="col-md-offset-2 col-md-2"&gt;
              &lt;input type="submit" value="Save" class="btn btn-default" /&gt;
               &lt;input type="submit" value="Close" class="btn btn-default" /&gt;
          &lt;/div&gt;
      &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>