Foros del Web » Creando para Internet » CSS »

como ajustar un formulario de bootstrap

Estas en el tema de como ajustar un formulario de bootstrap en el foro de CSS en Foros del Web. Hola!! Estoy usando bootstrap para el diseño de una web y ahora tengo un problema, quiero hacer un formulario pero que su contenido quede todo ...
  #1 (permalink)  
Antiguo 11/06/2013, 06:31
 
Fecha de Ingreso: junio-2013
Mensajes: 5
Antigüedad: 11 años, 5 meses
Puntos: 0
Pregunta como ajustar un formulario de bootstrap

Hola!!

Estoy usando bootstrap para el diseño de una web y ahora tengo un problema, quiero hacer un formulario pero que su contenido quede todo a la izquierda, intenté usar la clase pull-left pero no pasa nada.

Además quise agregar un page-headers a Acceso a Panel Proveedores y tamoco funciona, no muestra la linea que sale debajo del tetxo


Código:
<section class="span6">
<header class="page-headers">
<h1>Acceso a Panel Proveedores</h1>
</header>

<form class="form-horizontal span4 ">
  <div class="control-group">
    <label class="control-label" for="inputRFC">RFC</label>
    <div class="controls">
      <input type="text" id="inputRFC" placeholder="RFC">
    </div>
  </div>
  <div class="control-group">
    <label class="control-label" for="inputPassword">Password</label>
    <div class="controls">
      <input type="password" id="inputPassword" placeholder="Password">
    </div>
  </div>
  <div class="control-group">
    <div class="controls">
      <label class="checkbox">
        <input type="checkbox"> Recordar mi cuenta
      </label>
      <button type="submit" class="btn">Ingresar</button>
    </div>
  </div>
</form>
</section>
  #2 (permalink)  
Antiguo 27/06/2013, 18:25
 
Fecha de Ingreso: agosto-2011
Ubicación: Viña del Mar, Chile
Mensajes: 311
Antigüedad: 13 años, 2 meses
Puntos: 50
Respuesta: como ajustar un formulario de bootstrap

Hola acabo de ver esto mirando otro tema espero te sirva, prueba cambiando en la línea 1962 del CSS, ahí está la clase que alinea a la izquierda el texto de Label y que indica el ancho del input:

Código CSS:
Ver original
  1. .form-horizontal .control-label {
  2.   float: left;
  3.   width: 160px;
  4.   padding-top: 5px;
  5.   text-align: right;
  6. }
  7.  
  8. .form-horizontal .controls {
  9.   *display: inline-block;
  10.   *padding-left: 20px;
  11.   margin-left: 180px;
  12.   *margin-left: 0;
  13. }

Prueba cambiándolo por algo así:

Código CSS:
Ver original
  1. .form-horizontal .control-label {
  2.   float: left;
  3.   width: 10px;
  4.   padding-top: 5px;
  5.   text-align: left;
  6. }
  7.  
  8. .form-horizontal .controls {
  9.   *display: inline-block;
  10.   *padding-left: 20px;
  11.   margin-left: 100px;
  12.   *margin-left: 0;
  13. }

Con respecto a la clase page-headers, el problema es que la clase es sin la s final, es page-header ,
Espero te ayude si es que aún no lo has solucionado,
Saludos

Etiquetas: bootstrap, formularios
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 08:59.