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>
...

代わりにすべてselectの s を同じdiv.controlsに入れると、必要なものが得られます。

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

これでも問題が解決しない場合は、CSS スタイルが混乱している可能性があります。select{display:inline-block}この場合、CSS に追加するか、タグ自体styleに属性を設定して、select に inline-block 表示プロパティがあることを確認します。select<select style="display:inline-block">

UPD:あなたのクラスの名前から、あなたが水平な形を作ろうとしていることが分かります。この場合、クラスの意味は次のとおりです。

• <div class="control-group">ラベルとコントロールの行のペアをラップします:
  • <label class="control-label> はその行のラベルで、左側になります
  • <div class="controls">ラベルの右側にあるコントロールの行です

したがって、 の divclass="controls"は、Bootstrap 開発者がコントロールの行であることを意味します。そのため、コントロールを一列に並べたい場合は、すべてをこの 1 つの 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>

やりやすくて上手に作れます！