Cómo hacer que bootstrap class = “form-inline” funcione en resoluciones <768px

Estamos haciendo un sitio de Google donde colocaremos un formulario hecho en Bootstrap.

El ancho que tenemos para poner el formulario es de 500 px;

El código está bien pero la

solo funciona en un tamaño específico de pantalla, y necesitamos especificar ese tamaño, ¿dónde deberíamos cambiar eso?

Gracias.

  

en bootstrap 3 puedes usar las opciones de cuadrícula para hacer eso. ¿Es correcto que quiera las entradas en una línea? Para que pueda resolver su problema con col-xs-6. o puede usar una entrada más pequeña con col-xs-4. Pruébalo 😉

 

Otra forma de lograr el resultado es forzar a los trabajos de “clase en línea” de la clase che también con la resolución <768px agregando un CSS simple en su proyecto:

 @media (max-width: 767px) { .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } } @media (max-width: 767px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } } 

Por cierto, con ventanas de pequeño ancho puede ocurrir la posibilidad de que no todos los componentes en línea se puedan representar en la misma fila y algunos últimos componentes irán a la segunda fila (si no hay suficiente espacio).

Lo que funcionó para mí fue la solución @Rancid pero fue reemplazada

  pantalla: bloque en línea 

por

  pantalla: tabla en línea 

Y funcionó bien, todos los elementos en una sola línea.