html - 如何让两个按钮排成一行？

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>

这是它在 View 中的样子:

我需要将 Save 和 Save and 按钮放在一行中并将其放在左侧，如下所示:

我实现起来有些困难，有什么想法吗？

fiddler :https://jsfiddle.net/99x50s2s/144/

Answer 1

尝试.btn-group a {float:left;}