Foros del Web » Creando para Internet » Diseño web »

Enredo con las grillas

Estas en el tema de Enredo con las grillas en el foro de Diseño web en Foros del Web. Buenos días a todos. Tengo una confusión con el tema de como maneja Bootstrap las grillas en la pagina. Necesito hacer una pagina de login ...
  #1 (permalink)  
Antiguo 04/08/2014, 10:42
 
Fecha de Ingreso: diciembre-2007
Mensajes: 3
Antigüedad: 16 años, 4 meses
Puntos: 0
Enredo con las grillas

Buenos días a todos. Tengo una confusión con el tema de como maneja Bootstrap las grillas en la pagina.

Necesito hacer una pagina de login con cuatro filas y 3 columnas .

1ra Fila: ira el encabezado del login que debería ocupar TRES columnas de ancho.

2da Fila: debería tener una columna para el label del Nombre de usuario. La siguiente columna para el cuadro de texto del Nombre de usuario. y la siguiente columna para otro label de validacion.

3ra Fila: igual que la anterior pero para la contraseña.

4ta fila: ira el botón de login también ocupando las TRES columnas de ancho.

Como seria esto con Bootstrap.

Gracias
  #2 (permalink)  
Antiguo 07/08/2014, 09:00
Avatar de Pelipe  
Fecha de Ingreso: abril-2011
Ubicación: Nuestra Señora de La Paz
Mensajes: 90
Antigüedad: 13 años
Puntos: 4
Respuesta: Enredo con las grillas

Sería algo asi:

Código HTML:
Ver original
  1. <div class="container">
  2.         <div class="row">
  3.             <div class="col-md-12 well"><h1>Iniciar Sesión</h1></div>
  4.             <div class="col-md-4 well"><label>Nombre de usuario:</label></div>
  5.             <div class="col-md-4 well"><input value="nombre..."/></div>
  6.             <div class="col-md-4 well"><label><input type="checkbox">Verificar</label></div>
  7.         </div>
  8.         <div class="row">
  9.                 <div class="col-md-4 well"><label>Contraseña:</label></div>
  10.                 <div class="col-md-4 well"><input type="password" value="...contraseña..."/></div>
  11.                 <div class="col-md-4 well"><label><input type="checkbox">Verificar</label></div>
  12.             <div class="col-md-12 well"><a class="btn btn-info collpase">Entrar</a></div>
  13.         </div>
  14. </div>

Etiquetas: bootstrap, grilla
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 22:42.