Как сделать две кнопки в одной строке?

Question

У меня есть этот HTML код:

<div class="form-group col-sm-12 row"> 
    <div class="col-sm-3 "> 
     <div class="form-group row"> 
      <a ui-sref="inspectionsBuilder.view.step3" class="btn btn-block btn-info"> 
       Previus <span class="glyphicon glyphicon-circle-arrow-right"></span> 
      </a> 
     </div> 
    </div> 


    <div class="btn-group"> 
     <a href="#" class="btn btn-block btn-info" ng-click="builderStep4.save(true)">Save and...</a> 
     <a href="#" class="btn btn-block btn-info" ng-click="builderStep4.save()">Save</a> 
    </div> 
</div> 

Вот как это выглядит в виду:

мне нужно сделать Save и Save and кнопки в одном ряду муравей положил его на левой стороне, как это:

I ч ave некоторые трудности для его реализации, любая идея?

Скрипач: https://jsfiddle.net/99x50s2s/144/

Answer 1

Попробуйте .btn-group a {float:left;}

Answer 2

Вот возможное решение с помощью фрагмента кода вы предоставили,

https://jsfiddle.net/99x50s2s/145/

Я удалил класс БТН-блок и повторно - выровнял html так, чтобы он выглядел как ваше ожидание.

HTML

<div class="row"> 
    <div class="col-xs-6"> 
     <a href="#" class="btn btn-info" ng-click="builderStep4.save()">Save</a> 
     <a href="#" class="btn btn-info" ng-click="builderStep4.save(true)">Save and...</a> 
     <a ui-sref="inspectionsBuilder.view.step3" class="btn btn-info pull-right"> 
       Previus <span class="glyphicon glyphicon-circle-arrow-right"></span> 
      </a> 
    </div> 
</div>