Forma orizzontale bootstrap "etichetta di controllo" che non utilizza lo stile reattivo

Question

Uso la classe "form-horizontal" con Bootstrap 2, ma le mie etichette non sembrano utilizzare lo stile Responsive. Questo è ciò che sembra:

Quando esamino, ha specificamente "width: 160px" in etichetta, che è l'impostazione Bootstrap regolare, ma lo stile Responsive ha solo "width: auto ".

mio HTML per quella sezione assomiglia a questo:

<form id="addproject" class="form-horizontal"> 
    <div class="control-group"> 
     <label for="title" class="control-label">Title</label> 
     <div class="controls"> 
      <input type="text" name="title" id="title" /> 
     </div> 
    </div> 
</form> 

Answer 1

bootstrap.css deve essere caricato prima del file bootstrap-responsive.css.

Answer 2

Se si desidera cambiare quando si aggiungono la classe

<input type="text" name="title" id="title" class="span3" /> 

Un'altra soluzione è quella di specificare direttamente una larghezza ID stile: auto

#title { 
    width_auto; 
} 

Ricorda che il tuo nuovo stile dovrebbe essere dopo il bootstrap css

Answer 3

.controllo-etichetta è specificato solo in responsive.css per (larghezza massima: 480px). Hai provato a ridurre la larghezza in basso? Quando uso i moduli, assomigliano al tuo esempio fino a 480 px, a quel punto le etichette si spostano sopra i campi di input.