Html 在同一行上带有选择和图标的Boostrap

我试图将这些控件放在同一级别上。我希望保存按钮底部与元素对齐

  <div class="row">
        <div class="col-sm-8">
          <div class="form-group">
            @Html.LabelFor(f => f.DatabaseName, "Database Name")
            @Html.DropDownListFor(f => f.DatabaseName, ViewBag.DatabaseList as IEnumerable<SelectListItem>, new { @class = "dbs form-control", style = "margin-bottom:20px" })
            <span class="glyphicon glyphicon-save"></span> Save
          </div>
          </div>
          <div class="col-sm-4">
            <div class="form-group">
              <span class="glyphicon glyphicon-save"></span> Save
            </div>
          </div>
        </div>

@LabelFor（f=>f.DatabaseName，“数据库名称”）
@Html.DropDownListFor（f=>f.DatabaseName，ViewBag.DatabaseList作为IEnumerable，新的{@class=“dbs form control”，style=“margin bottom:20px”}）
拯救
拯救

拯救
拯救

看看：

1.
2.
拯救

它很近，但没有对齐。您是否有影响这些元素的自定义css？使用一个干净的boostrap副本，没有额外的css，它似乎在为我排队，你在使用什么浏览器？

 <div class="row">
        <div class="col-sm-8">
<div class="col-sm-4">
          <div class="form-group">

            <span class="glyphicon glyphicon-save"></span> Save
          </div>
          </div>
</div>
          <div class="col-sm-4">
            <div class="form-group">
              <span class="glyphicon glyphicon-save"></span> Save
            </div>
          </div>
        </div>
</div>

<div class="col-md-6">
    <div class="input-group">
        <select class="form-control">
            <option>1</option>
            <option>2</option>
        </select>
        <span class="input-group-btn">
            <button class="btn btn-default" type="button"><i class="glyphicon glyphicon-save"></i>Save</button>
        </span>
    </div>
</div>