html - 在同一行 Bootstrap 中对齐按钮和下拉菜单

Question

我需要在同一行中对齐一个按钮和一个下拉选择。

<button name="button" type="submit" class="pull-right margin-clear btn btn-sm btn-default-transparent btn-animated cart-class"
id="cart-classlatest-arrival1">Add To Cart<i class="fa fa-shopping-cart"></i>
</button>

<select class="form-control pull-left margin-clear btn btn-sm btn-default-transparent btn-animated custom-class">
    <option> 750 Gms </option>
</select>

这是 fiddle同样。

Answer 1

移除select标签下的css类form-control。更新按钮标签并将类 pull-right 替换为 pull-left。

为了响应性添加这个:

 @media (max-width: 320px) {
   button[type="submit"],
   select {
     width: 100%;
   }
 }

参见:jsfiddlle demo

编辑:添加响应支持。注意:请只粘贴相关的 CSS 而不是整个内容。