¿Cómo puedo cambiar el estilo de este siguiente formulario al formulario en línea? [cerrado]

VER el enlace: http://samuelgeorgeo.com/cc/NEWDESIGN/

Tengo un sitio basado en Twitter Bootstrap. Tengo dos elementos principales en la página, el inferior es una forma horizontal. Me gustaría que el div inferior esté centrado horizontalmente, coincidiendo con el div de arriba. Aquí hay una captura de pantalla:

ingrese la descripción de la imagen aquí

Quiero que la forma sea central y en forma horizontal. ¿Usted me podría ayudar?

has codificado algunas cosas. Mala idea.
@boblet reabierto!
salud. Probablemente no sea una pregunta que sea muy útil para otros, así que espero que el autor de la pregunta la aprecie.

Respuestas (1)

Está utilizando bootstrap y habría formas más elegantes de resolverlo, pero aquí hay un pequeño truco.

Tiene algunos estilos codificados en el html, y le sugiero que los elimine y los coloque en su css. Más; Le recomendaría que cree su propia hoja de estilo y la use para anular la hoja de estilo de Bootstrap.

De todos modos, aquí va mi pequeño truco. Como dije, no es muy elegante, pero es simple:

Esto es lo que tienes; esta es la estructura de tus divs:

ingrese la descripción de la imagen aquí

Esto es lo que tienes que hacer: en html, cambiar

<form class="form-inline" role="form">

a

<form class="form-inline container" role="form">

cambiar

<div class="col-xs-7">

a

<div class="col-xs-9">

Aquí está el resultado:

ingrese la descripción de la imagen aquí

Y luego quitando los marcos guía:

ingrese la descripción de la imagen aquí

Samuel: sería bueno si acepta y vota esta respuesta, en caso de que haya resuelto su problema. Es bueno para ti, para mí y para toda la comunidad.