Html 水平形式的内联控件

我正在使用bootstrap3并尝试创建一个水平表单，其中一行应该内联显示控件

在下面的代码中，我希望三个选项与输入组位于同一行

我在这里尝试过这些方法：但我无法让它发挥作用

形式测试
首次输入
一些按钮
选择1
选择2
选择3
第二输入

其他按钮

其他选择

您尝试过使用表格吗

<table>
    <tbody>
        <tr>
            <td>
               <div class="input-group">
                   <input type="text" class="form-control">
                       <span class="input-group-btn">
                          <button class="btn btn-default">
                              some button
                          </button>
                       </span>
               </div>                
            </td>
            <td>
               <select>
                   <option>Select1</option>
               </select>
            </td>
             <td>
               <select>
                   <option>Select2</option>
               </select>
            </td>
            <td>
               <select>
                   <option>Select3</option>
               </select>                  
            </td>
        </tr>
    </tbody>
</table>

一些按钮
选择1
选择2
选择3

您可以尝试使用row类而不是form group类，可以使用Boostrap 3进行尝试

<h1>Form test</h1>
<div class="form-horizontal">
    <div class="form-group">
        <label class="col-xs-2 control-label">First input</label>

        <div class="col-xs-10">
            <div class="row">
                <div class="col-xs-4">
                    <div class="input-group">
                        <input type="text" class="form-control">
                        <span class="input-group-btn">
                            <button class="btn btn-default">
                                some button
                            </button>
                        </span>
                    </div>
                </div>
                <div class="col-xs-6">
                    <select>
                        <option>Select1</option>
                    </select>
                    <select>
                        <option>Select2</option>
                    </select>
                    <select>
                        <option>Select3</option>
                    </select>
                </div>
            </div>
        </div>
    </div>
    <div class="form-group">
        <label class="col-xs-2 control-label">Second input</label>

        <div class="col-xs-10">
            <p class="input-group">
                <input type="text" class="form-control">
                <span class="input-group-btn">
                    <button class="btn btn-default">
                        some other button
                    </button>
                </span>
            </p>
            <select>
                <option>some other option</option>
            </select>
        </div>
    </div>
</div>

表单测试
首次输入
一些按钮
选择1
选择2
选择3
第二输入

其他按钮

其他选择

---

您需要对结构进行更改，使其适合一行

形式测试
首次输入
一些按钮
选择1
选择2
选择3
第二输入

其他按钮

其他选择