2013-01-18 46 views
25
<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--> 

这是我在Bootstrap中使用的表单。我试图让我的最后一个输入字段横跨6列,向下3行,但它只显示6列和1行。关于如何使我的输入框变大的任何想法?谢谢。使用引导程序的多行输入表单字段

回答

38

我认为问题在于你使用type =“text”而不是textarea。你想要的是:

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

为了澄清,类型=“文本”将永远是一个行,在那里,作为一个文本可以是多个。

+3

根据[bootstrap's docs](http://getbootstrap.com/components/#textual- s-only),这可能不是最好的主意:“避免在这里使用'