title: How to make two buttons make in one row?
body: <p>I have this HTML code:</p>
  
  <pre><code>&lt;div class="form-group col-sm-12 row"&gt;
      &lt;div class="col-sm-3 "&gt;
          &lt;div class="form-group row"&gt;
              &lt;a ui-sref="inspectionsBuilder.view.step3" class="btn btn-block btn-info"&gt;
                  Previus &lt;span class="glyphicon glyphicon-circle-arrow-right"&gt;&lt;/span&gt;
              &lt;/a&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
  
      &lt;div class="btn-group"&gt;
          &lt;a href="#" class="btn btn-block btn-info" ng-click="builderStep4.save(true)"&gt;Save and...&lt;/a&gt;
          &lt;a href="#" class="btn btn-block btn-info" ng-click="builderStep4.save()"&gt;Save&lt;/a&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here how it looks in view:</p>
  
  <p><a href="https://i.stack.imgur.com/5Igzt.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/5Igzt.png" alt="enter image description here"></a></p>
  
  <p>I need to make <code>Save</code> and <code>Save and</code> buttons in one row  ant put it on left side,like this:</p>
  
  <p><a href="https://i.stack.imgur.com/uA2dO.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/uA2dO.png" alt="enter image description here"></a></p>
  
  <p>I have some difficulty to implement it, any idea? </p>
  
  <p>Fiddler: <a href="https://jsfiddle.net/99x50s2s/144/" rel="nofollow noreferrer">https://jsfiddle.net/99x50s2s/144/</a></p>