<form class="span6">
<h2>Get In Touch</h2><br>
<input class="span6" type="text" placeholder="Your first name" required>
<input class="span6" type="text" placeholder="Your last name" required>
<input class="span6" type="email" placeholder="Your email" required>
<input class="span6" type="text" placeholder="Your phone number">
<input class="span6" type="text" rows="3" placeholder="What up?" required><br>
<button type="submit" class="btn btn-primary">Submit</button>
<button type="clear" class="btn">Clear</button>
</form><!--/.span6-->
Здесь моя форма, которую я использую в Bootstrap. Я пытаюсь сделать мое последнее поле ввода полем 6 столбцов и 3 строки вниз, но он показывает только 6 столбцов и 1 строку вниз. Любые идеи о том, как увеличить размер поля ввода? Спасибо.
Я думаю, проблема в том, что вместо textarea вы используете type = "text". Вы хотите:
<textarea class="span6" rows="3" placeholder="What up?" required></textarea>
Чтобы уточнить, type = "text" всегда будет одной строкой, где - как текстовое поле может быть кратным.
Ответ Nick Mitchinson для Bootstrap версии 2.
Если вы используете Bootstrap версии 3, формы немного изменились. Для бутстрапа 3 используйте вместо этого следующее:
<div class="form-horizontal">
<div class="form-group">
<div class="col-md-6">
<textarea class="form-control" rows="3" placeholder="What up?" required></textarea>
</div>
</div>
</div>
Где, col-md-6 будет ориентироваться на устройства среднего размера. Вы можете добавить col-xs-6 и т.д., Чтобы настроить меньшее количество устройств.