Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] Problemas formulario bootstrap

Estas en el tema de Problemas formulario bootstrap en el foro de CSS en Foros del Web. Hola a todos, Ante todo, gracias por la ayuda, os cuento: Resulta que estoy utilizando/aprendiendo [URL="http://getbootstrap.com/"]bootstrap[/URL] pero tengo un problema, no se muy bien como ...
  #1 (permalink)  
Antiguo 17/12/2013, 16:47
 
Fecha de Ingreso: octubre-2013
Mensajes: 62
Antigüedad: 10 años, 6 meses
Puntos: 0
Problemas formulario bootstrap

Hola a todos,
Ante todo, gracias por la ayuda, os cuento:
Resulta que estoy utilizando/aprendiendo [URL="http://getbootstrap.com/"]bootstrap[/URL] pero tengo un problema, no se muy bien como poner un formulario para que me quede centrado en la página así como todos sus elementos, algo que me está dando bastantes quebraderos de cabeza es cuando intento poner en la parte iquierda de la tabla(no se si es lo más correcto ponerlo en tabla o no) "fecha", y en la otra columna(td) un desplegable(select) con los meses, luego "de" y luego una caja de texto para ntroducir el año(input type="text"/input type="number") si alguien sabe como hacerlo, se lo agradecería bastante,
Un saludo, Gonzalo Bustamante
  #2 (permalink)  
Antiguo 17/12/2013, 18:05
 
Fecha de Ingreso: mayo-2013
Mensajes: 207
Antigüedad: 11 años
Puntos: 31
Respuesta: Problemas formulario bootstrap

Te recomiendo leer en su documentación el Grid system. Y también el resto de la documentación, la cuál está para entender su uso mejor.
  #3 (permalink)  
Antiguo 19/12/2013, 13:42
 
Fecha de Ingreso: octubre-2013
Mensajes: 62
Antigüedad: 10 años, 6 meses
Puntos: 0
Respuesta: Problemas formulario bootstrap

Hola, alzacon, gracias por tu respuesta:
Lo hice, pero no logro cuadrar mi formulario, he encontrado una imagen de algo similar a lo que yo quiero que me da problemas:
http://www.google.es/imgres?imgurl=&imgrefurl=http%3A%2F%2Fwww.desarrol loweb.com%2Farticulos%2F1278.php&h=0&w=0&sz=1&tbni d=qS3MvYYH02Ix9M&tbnh=201&tbnw=250&zoom=1&docid=E7 1nJqj2kghPZM&ei=WEuzUs2dBMqXtQbR2IH4AQ&ved=0CAQQsC UoAQ
en donde pone inicio, hay un texto que pone "dia", luego un "input type='tex'", luego pone mes, luego otro input type, y luego año y el ultimo input type text, como podría lograr un formulario en la que una de sus lineas tiene algo similar a eso?
Gracias
  #4 (permalink)  
Antiguo 19/12/2013, 15:07
 
Fecha de Ingreso: mayo-2013
Mensajes: 207
Antigüedad: 11 años
Puntos: 31
Respuesta: Problemas formulario bootstrap

Supongo que será usando algo como esto, pero sin lo de ocultar los elementos labels
  #5 (permalink)  
Antiguo 19/12/2013, 16:17
 
Fecha de Ingreso: octubre-2013
Mensajes: 62
Antigüedad: 10 años, 6 meses
Puntos: 0
Respuesta: Problemas formulario bootstrap

Si, es algo así lo que pasa que el formulario consta de varías lineas, no solo de una, entonces lo normal es que cada linea tenga su label tipo:
<label for="nombre" class="label-requetechula">Nombre</label>
y luego su input
<input type="text" class="form-control u otra" id="nombre">
Pero luego hay una fila, que es la que me está dando todo los problemas en la que tiene su label como el anterior, pero a la derecha tiene un select de los meses, luego la palabra "de", y luego un input type="text", para introducir el año, he mirado el codigo de bootstrap muchas muchas veces, yo diría que es el texto que más veces he leído en mi vida, jaja, y sin embargo no encuntro la solución, yo ya no se si tendría que meterlo en una tabla o no, que clase ponerle aal formulario, que tengo que meterlo en una capa y que no...he buscado ejemplos ppor la pagina de bootstrap, fuera de ella...pero nada, no he encontrado nada que me ayude, agradecería mucho tu ayuda ya que creo que eres el único capaz de ello,
Un saludo, Gonzalo
  #6 (permalink)  
Antiguo 19/12/2013, 17:26
 
Fecha de Ingreso: mayo-2013
Mensajes: 207
Antigüedad: 11 años
Puntos: 31
Respuesta: Problemas formulario bootstrap

Has tenido suerte que he encontrado una pagina que puedes usar bootstrap, he hecho un copy&paste un poco churro. Me ha salido de chiripa y gracias a copiar trozos de los ejemplos de la documentación. No me preguntes que parte tomar y cualquier otro detalle, porque ni idea. Tendrás que corregir tú lo que sobre o este mal

http://bootply.com/101609
  #7 (permalink)  
Antiguo 20/12/2013, 10:44
 
Fecha de Ingreso: octubre-2013
Mensajes: 62
Antigüedad: 10 años, 6 meses
Puntos: 0
Respuesta: Problemas formulario bootstrap

Es que parece fácil en un principio, pero no lo és, es que eso ya está en la página de bootstrap, en la parte de css, pero claro, solo es una linea, y no tiene ningún select, me temo que no me sirve, pero muchas gracias, de verdad.
Un saludo, Gonzalo
  #8 (permalink)  
Antiguo 20/12/2013, 11:59
 
Fecha de Ingreso: mayo-2013
Mensajes: 207
Antigüedad: 11 años
Puntos: 31
Respuesta: Problemas formulario bootstrap

Pues cambias uno por un select.

O usas esto http://silviomoreto.github.io/bootstrap-select/
  #9 (permalink)  
Antiguo 27/12/2013, 07:32
 
Fecha de Ingreso: octubre-2013
Mensajes: 62
Antigüedad: 10 años, 6 meses
Puntos: 0
Respuesta: Problemas formulario bootstrap

Al final lo logré, tras darle muchas vueltas al codigo, lo conseguí implementando por cada fila un input-gruop, te puntuaré bien, un saludo

Etiquetas: bootstrap, columna, estilos, form, formulario, html, maquetacion, tabla, twitter
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 02:17.