Bootstrap forma horizontal "control-label" que no usa el estilo receptivo

Question

Estoy usando la clase "form-horizontal" con Bootstrap 2, pero mis etiquetas no parecen estar utilizando el estilo Responsive. Esto es lo que parece:

Cuando examino él, específicamente tiene "width: 160px" en la etiqueta, que es la configuración Bootstrap regular, pero el estilo de respuesta acaba de "width: auto ".

Mi HTML para esa sección es el siguiente:

<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 se deben cargar antes del archivo bootstrap-responsive.css.

Answer 2

Si desea cambiar a medida que agrega la clase

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

Otra solución es especificar directamente un ancho de identificación estilo: auto

#title { 
    width_auto; 
} 

Recuerde que su nuevo estilo debe ser después del bootstrap css

Answer 3

.control-label solo se especifica en responsive.css para (max-width: 480px). ¿Has intentado reducir el ancho hacia abajo? Cuando uso los formularios, se parecen a tu ejemplo hasta 480px, momento en el que las etiquetas se mueven por encima de los campos de entrada.