Поле многострочной формы ввода с использованием Bootstrap

<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 строку вниз. Любые идеи о том, как увеличить размер поля ввода? Спасибо.

Ответ 1

Я думаю, проблема в том, что вместо textarea вы используете type = "text". Вы хотите:

<textarea class="span6" rows="3" placeholder="What up?" required></textarea>

Чтобы уточнить, type = "text" всегда будет одной строкой, где - как текстовое поле может быть кратным.

Ответ 2

Ответ 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 и т.д., Чтобы настроить меньшее количество устройств.