Select 不是块级元素，因此如果您不将它们包装到不同的 div 中并放置到同一个 div中，它们将排成一行而没有任何浮动。

目前你的结构是这样的（缩短）：

<div class="control-group">
  <div class="controls">
      <select>...</select>
  </div>
</div>
<div class="control-group">
  <div class="controls">
      <select>...</select>
  </div>
</div>
...

如果您将所有selects 放入相同div.controls的 s 中，您将得到您想要的：

<div class="control-group">
  <div class="controls">
      <select>...</select>
      <select>...</select>
      ...
  </div>
</div>

如果这仍然没有帮助，那么您的 CSS 样式可能有些混乱。select{display:inline-block}在这种情况下，通过添加到您的 CSS 或在标签本身上设置style属性来确保您的选择具有 inline-block 显示属性：select<select style="display:inline-block">

UPD：从您的课程名称中，我得出您正在尝试制作水平表格。在这种情况下，类的含义如下：

• <div class="control-group">包装一对标签和控件行：
  • <label class="control-label> 是该行的标签，它将在左侧
  • <div class="controls">是标签右侧的控制行

因此，Bootstrap 开发人员表示 divclass="controls"是控件的行。这就是为什么如果您希望控件排成一排 - 只需将它们全部放入这个 div 中。

此外，您应该将所有代码包装成<form class="form-horizontal>适当的边距和对齐方式。阅读 Bootstrap 表单上的文档以获取更多详细信息。

您可以使用 CSS 将父 DIV（在所有选择之上）浮动到左侧：

float:left;

问候马克

简单的解决方案是将它们放在桌子上！

    <table border="0">
<tr>
<td>

Select 1

</td>
<td>
Select 2

</td>
<td>

Select 3


 </td>
 </tr>
 </table>

很容易做，效果很好！