Forms 在Bootstrap 3中，将按钮和表单与select下拉列表保持在同一行

在Bootstrap3中，我很难将按钮和带有

标记（包括标签）的表单都放在同一行上。无论何时渲染窗体，它似乎都会在窗体之前添加一个换行符。以下是我到目前为止总结的内容（）：

测试1
测试2
选择：
一个
两个
三
测试3

我认为

class=“forminline”

会将它保持在同一行上。不幸的是，它是这样呈现的：

这是我在图像编辑程序中创建的一个模型，我希望它看起来像什么：

我特意选择使用

元素而不是引导下拉列表，因为移动设备上的界面是最佳的（列表将非常大，使用表单

元素更容易在小屏幕上选择正确的选项）

我发现了类似的问题，但大多数问题要么没有解决表单中的

标记，要么是针对较旧版本的Bootstrap（2.x）。任何帮助都将不胜感激

---

谢谢

前两个按钮不在

表单

标记内

似乎

forminline

没有定义标签的样式，所以在一些填充中添加一个左浮动，并将select的宽度设置为auto

<div class="container">
    <div class="row">
    <form role="form" class="form-inline">  
      <button class="btn btn-default">Test 1</button>
      <button class="btn btn-default">Test 2</button>
      <div class="form-group">
        <label for="selectUser" style="float:left;padding: 6px 12px 2px 12px;">Select:</label>
        <select id="selectUser" style="width:auto;" class="form-control selectWidth">
          <option class="">One</option>
          <option class="">Two</option>
          <option class="">Three</option>
        </select>
      </div>
      <div class="btn-group">
        <button class="btn btn-default">Test 3</button>
      </div>
      </form>
    </div> <!-- End Row -->
</div> <!-- End Container -->

测试1
测试2
选择：
一个
两个
三
测试3

谢谢你，巴斯！似乎只要将按钮包含在

标记中，所有内容都会显示在同一行（更新：）。在表单中包含多个按钮是否有任何问题，即使它们与实际表单本身无关？此外，我不必将左浮点添加到标签中，因为它似乎与

class=“form inline”

对齐。非常感谢。yw，我将使用

class=“form inline”

检查标签，如果发现不同的内容，请更新我的答案，另请参见：您也可以将form inline与div一起使用，效果很好：）：）我知道这是一个inline表单，但是……请不要使用inline样式！这是不可维护的。添加一个类并在其中定义样式。

<div class="container">
    <div class="row">
    <form role="form" class="form-inline">  
      <button class="btn btn-default">Test 1</button>
      <button class="btn btn-default">Test 2</button>
      <div class="form-group">
        <label for="selectUser" style="float:left;padding: 6px 12px 2px 12px;">Select:</label>
        <select id="selectUser" style="width:auto;" class="form-control selectWidth">
          <option class="">One</option>
          <option class="">Two</option>
          <option class="">Three</option>
        </select>
      </div>
      <div class="btn-group">
        <button class="btn btn-default">Test 3</button>
      </div>
      </form>
    </div> <!-- End Row -->
</div> <!-- End Container -->