さえずりブートストラップ形インラインストレッチ

Question

私はブートストラップ2.0.1とインラインフォームを持っている - このフォームは私がやろうとしていますどのような3つのラベルと3つのドロップダウン...

を持っているような方法でドロップダウンを伸ばしています最初の1つは左側に、3番目は包含divの右側にあります。私はこれを左右のフロートで行うことができますが、すでにこのようなものがあるかどうか疑問に思っていましたか？

思考？ http://twitter.github.com/bootstrap/scaffolding.html あなたが次へspanとrow-fluidクラスを利用する必要があります。

コードは、Twitterのブートストラップドキュメントの足場ページの流体幅セクションを見てください、この

<form id="frmOptions" method="post" class="form-inline"> 
    <label>Option 1:</label> 
    <select>---</select> 

    <label>Option 2:</label> 
    <select>---</select> 

    <label>Option 3:</label> 
    <select>---</select> 
</form> 

Answer 1

のように見えます選択したコントロールを流体幅の形で表示します。

ここに例を示します。ここ

<div id="wrapper" class="container-fluid"> 
<div class="row-fluid"> 
<form id="frmOptions" method="post" class="well form-inline span12"> 

    <div class="row-fluid"> 
     <div id="formLeft" class="span3"> 
      <div class="control-group"> 
      <label for="select1" class="control-label">Option 1:</label> 
      <div class="controls"> 
       <select id="select1"> 
        <option>Something</option> 
       </select> 
      </div>  
      </div> 
     </div> 

     <div id="formCenter" class="span3"> 
      <div class="control-group"> 
      <label for="select2" class="control-label">Option 2:</label> 
      <div class="controls"> 
       <select id="select2"> 
        <option>Something</option> 
       </select> 
      </div>  
      </div>  
     </div> 

     <div id="formRight" class="span3"> 
      <div class="control-group"> 
      <label for="select3" class="control-label">Option 3:</label> 
      <div class="controls"> 
       <select id="select3"> 
        <option>Something</option> 
       </select> 
      </div>  
      </div>  
    </div> 

</form> 
</div> 
</div> 

はjsFiddleに上記の例である：ここhttp://jsfiddle.net/CdNef/

はなくドロップダウンの上よりも、ラベルインラインと同じ例である：http://jsfiddle.net/gbumP/