使用Bootstrap将按钮放在div的下方而不是它的左侧

Question

我有这样的事情：

  <div class="form-group col-sm-6">
   <div id="total">$50,20</div>
   <button class="btn btn-theme" data-role="button" id="purchase"><i class="fa fa-envelope-o"></i>Send</button>
                        </div>

我希望总数位于按钮的左侧，但它显示在按钮上方。我已经尝试过让这个列更大但是它仍然存在，所以问题不在于它的大小。

Answer 1

我会这样做

<div class="form-group col-sm-12">
<div class=" col-sm-6" id="total">$50,20</div>
<div class=" col-sm-6">
    <button class="btn btn-theme" data-role="button" id="purchase"><i class="fa fa-envelope-o"></i>Send</button>
</div>

Answer 2

你想要它在左边？像这样？

然后，

<div class="form-group col-sm-6">
    <div class="col-xs-1">
         <label id="total">$50,20</label>
    </div>
    <div class="col-xs-1">
        <button class="btn btn-theme" data-role="button" id="purchase"><i class="fa fa-envelope-o"></i>Send</button>
    </div>
</div>