Html 在Bootstrap 3中对齐输入并彼此相邻选择

我有这个代码片段，但这会在换行后呈现下拉列表，要使它正确，最好的引导3列类是什么？选择“输入介质内联”旁边的下拉列表

<form class="form-horizontal well" >
   <div class="form-group">
      <label class="col-lg-2 control-label">Memory</label>
      <div class="col-lg-4">
         <div>
            <input id="memory" type="text" class="form-control">
         </div>
         <div class="col-lg-4">
            <select id="memoryType"  class="form-control">
               <option value="GB" selected="selected">GB</option>
               <option value="MB">MB</option>
            </select>
         </div>
      </div>
   </div>
</form>

---

如果希望表单字段水平对齐，实际上可以使用内联表单。例如：

<form class="form-inline" role="form">
    <div class="form-group">
        <label class="sr-only" for="memory">Memory</label>
        <input id="memory" type="text" class="form-control">
    </div>
    <div class="form-group">
        <select id="memoryType" class="form-control">
            <option value="GB" selected="selected">GB</option>
            <option value="MB">MB</option>
        </select>
    </div>
</form>

---

注意：未在实际浏览器中测试…

好的，我会这样做

首先将表单内联类添加到表单中

然后从标签和输入中删除col lg类

同时也删除所有不需要的div，这将产生以下html：

加价

截屏

---

你看过内联表单上的文档了吗？

<form class="form-inline well" >
    <div class="form-group">
        <label class="control-label">Memory</label>
        <input id="memory" type="text" class="form-control">
    </div>
    <div class="form-group">
        <select id="memoryType"  class="form-control">
            <option value="GB" selected="selected">GB</option>
            <option value="MB">MB</option>
        </select>
    </div>
</form>