Question

<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's up?" required><br>
  <button type="submit" class="btn btn-primary">Submit</button>
  <button type="clear" class="btn">Clear</button>
</form><!--/.span6-->

Here’s my form I’m using in Bootstrap. I’m trying to make my last input field span 6 columns across and 3 rows down, but it’s only showing as 6 columns across and 1 row down. Any ideas on how to make my input box larger? Thanks.

Answer 1

I think the problem is that you are using type=”text” instead of textarea. What you want is:

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

To clarify, a type=”text” will always be one row, where-as a textarea can be multiple.