Campos de entrada de Centering Bootstrap

Soy nuevo con esto Especialmente con bootstrap. Tengo este código:

En la página web se ve así
Necesito poner este campo y botón de entrada en el centro de la página … “margin-left: auto; margin-right: auto;” no funcionó … ¿alguien tiene una idea?

Puede usar desplazamientos para hacer que una columna parezca centrada, solo use un desplazamiento igual a la mitad del tamaño restante de la fila, en su caso yo sugeriría usar col-lg-4 con col-lg-offset-4 , eso es (12-4)/2 .

 

Demo violín

Tenga en cuenta que esta técnica solo funciona para tamaños de columna pares ( .col-X-2 , .col-X-4 , col-X-6 , etc.), si desea admitir cualquier tamaño, puede usar el margin: 0 auto; pero también necesita eliminar el flotador del elemento, recomiendo una clase CSS personalizada como la siguiente:

 .col-centered{ margin: 0 auto; float: none; } 

Demo violín

La mejor forma de centrar su elemento es utilizar la clase de ayuda .center-block . Pero debe su versión de arranque no menos de 3.1.1

  

Intenta usar este código:

 .col-lg-3 { width: 100%; } .input-group { width: 200px; // for exemple margin: 0 auto; } 

si no funcionó, usa! importante

Intenta aplicar este estilo a tu div class="input-group" :

 text-align:center; 

Verlo : violín .

Ok, esta es la mejor solución para mí. Bootstrap incluye el primer sistema de grilla fluida móvil que escala apropiadamente hasta 12 columnas a medida que aumenta el tamaño del dispositivo o la ventana gráfica. Así que esto funcionó perfectamente en todos los navegadores y dispositivos:

  

Significa 4 + 4 + 4 = 12 … así que el segundo div estará en el medio de esa manera.

Ejemplo: http://jsfiddle.net/jpGwm/embedded/result/

Para mí, esta solución funcionó bien para centrar un campo de entrada en un TD: