El control textarea es utilizado cuando tenemos que introducir varias líneas de texto y cuando utilizamos Bootstrap tenemos que encerrarlo en un div con la clase "form-group".
Podemos inicializar la propiedad rows del control HTML textarea indicando cuantas filas deben ser visibles.
Veamos un ejemplo utilizando este control HTML asociado con Bootstrap:
<!DOCTYPE html> <html> <head> <title>Prueba de Bootstrap</title> <link href="css/bootstrap.min.css" rel="stylesheet"> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <body> <div class="container"> <form role="form"> <div class="form-group"> <label for="comentario">Deje aquí sus comentarios</label> <textarea class="form-control" rows="5" id="comentarios"></textarea> </div> <button type="submit" class="btn btn-default">Enviar</button> </form> </div> </body> </html>
Luego en pantalla aparece de la siguiente forma:
No tiene efecto si inicializamos la propiedad cols en la marca textarea.