45
<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行しか表示されていません。入力ボックスを大きくする方法について何かアイデアはありますか?ありがとう。

4

2 に答える 2

65

問題は、textarea の代わりに type="text" を使用していることだと思います。あなたが望むものは:

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

明確にするために、type="text" は常に 1 行になりますが、textarea は複数にすることができます。

于 2013-01-18T17:36:03.203 に答える