2013-01-18 18 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--> 

ここは私のブートストラップで使用しているフォームです。私は最後の入力フィールドを横に6列、下に3行に広げようとしていますが、縦6列、下1行としてしか表示されません。私の入力ボックスを大きくする方法に関するアイデア?ありがとう。ブートストラップを使用する複数入力フォームフィールド

答えて

38

私は問題はあなたがtextareaの代わりにtype = "text"を使用していることだと思います。何がしたいことは次のとおりです。

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

明確にするために、=「テキスト」タイプは、常に複数の可能-としてテキストエリア1行になります。あなたはブートストラップバージョン3を使用している場合はニック・Mitchinsonによって答えはブートストラップバージョン2

です

+3

[bootstrap's docs](http://getbootstrap.com/components/#textual- s-only)によると、これは最良のアイデアではないかもしれません。 "ここで'