Twitter forma di bootstrap in linea tratto

Question

ho un modulo in linea con Bootstrap 2.0.1 - questa forma ha 3 etichette e 3 menù a discesa ...

Quello che sto cercando di fare è allungare menu di scorrimento in un modo che il primo è a sinistra e il terzo è a destra del contenitore contenente .... Posso farlo tramite un po 'di float a destra e sinistra, ma mi stavo chiedendo se c'è già qualcosa come questo built-in?

Pensieri?

Il codice simile a questo

<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

Date un'occhiata alla sezione di larghezza fluida della pagina Ponteggi della documentazione Twitter Bootstrap: http://twitter.github.com/bootstrap/scaffolding.html Sarà necessario sfruttare le classi span e row-fluid alla prossima i controlli selezionati in una forma di larghezza del fluido.

Ecco un esempio:

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

Ecco l'esempio qui sopra jsFiddle: http://jsfiddle.net/CdNef/

Ecco lo stesso esempio con le etichette linea, anziché sopra della discesa: http://jsfiddle.net/gbumP/