Foros del Web » Creando para Internet » CSS »

Problemilla con bootstrap y height de los texarea

Estas en el tema de Problemilla con bootstrap y height de los texarea en el foro de CSS en Foros del Web. Hola, estoy haciendo un proyecto con spring y estoy usando bootstrap para el diseño y tengo un problemilla con el height de los textareas que ...
  #1 (permalink)  
Antiguo 16/09/2013, 13:31
 
Fecha de Ingreso: febrero-2006
Mensajes: 43
Antigüedad: 18 años, 2 meses
Puntos: 1
Problemilla con bootstrap y height de los texarea

Hola, estoy haciendo un proyecto con spring y estoy usando bootstrap para el diseño y tengo un problemilla con el height de los textareas que no entiendo porque me pasa.
Tengo un formulario de contacto con un textarea para el mensaje y me coge un height de 20px y el auto tachado. En los ejemplos de la web de bootstrap sale al revés. El resultado es que a mi me sale un textarea del tamaño de un input y lo quiero más ancho.

El código es el siguiente y está copiado de aquí: http://www.anidocs.es/bootstrap/docs/base-css.php#forms

Código PHP:
                <form class="form-horizontal">
                    <
fieldset>
                        <
legend>Contacto</legend>
                        
                        <
div class="control-group">
                            <
label for="name" class="control-label-small-margin">Nombre:</label>
                            <
div class="controls">
                                <
input type="text" id="name" class="input-xlarge" placeholder="Nombre y apellidos...">
                            </
div>
                        </
div>

                        <
div class="control-group">
                            <
label for="email" class="control-label-small-margin">Email:</label>
                            <
div class="controls">
                                <
input type="text" id="email" class="input-xlarge" placeholder="[email protected]">
                            </
div>
                        </
div>
                        
                        <
div class="control-group">
                            <
label for="issue" class="control-label-small-margin">Asunto:</label>
                            <
div class="controls">
                                <
input type="text" id="issue" class="input-xlarge" placeholder="Motivo del contacto">
                            </
div>
                        </
div>                        
                        
                        <
div class="control-group">
                            <
label for="message" class="control-label-small-margin">Mensaje:</label>
                            <
div class="controls">
                                <
textarea id="message" class="input-xlarge" rows="3" placeholder="Escribe tu consulta..."></textarea>                            </div>
                        </
div>                                    
                    </
fieldset>
                </
form
Lo soluciono en mi hoja de estilos poniendo:
Código PHP:
textarea {
    
heightauto !important
    } 
Pero no quiero usar la propiedad !important, porque me pasa esto?
Un saludo y gracias.

Etiquetas: ancho, bootstrap, height
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 12:18.