.input-small causes textarea's height to shrink to a single line
Created by: gmile
This is Bootstrap 3.0 RC1.
After setting .input-small
class on <textarea>
, its height becomes 30px
fixed. Is that supposed to be so?
Image:
Example code (notice number of <textarea>
rows equal to 4):
<form accept-charset="UTF-8" action="/posts" class="post form-horizontal" id="new_post" method="post">
<div class='fieldset'>
<div class='form-group'>
<div class='col-lg-6 col-offset-2'>
<legend>New post</legend>
</div>
</div>
<div class='form-group'>
<label class="col-lg-2 control-label" for="post_title"> Title</label>
<div class='col-lg-6'>
<input class="form-control input-small" id="post_title" name="post[title]" type="text" />
</div>
</div>
<div class='form-group'>
<label class="col-lg-2 control-label" for="post_body"> Body</label>
<div class='col-lg-6'>
<textarea class="form-control input-small" id="post_body" name="post[body]" rows="4"></textarea>
</div>
</div>
<div class='form-group'>
<div class='col-lg-6 col-offset-2'>
<input class="btn btn-default btn-small" name="commit" type="submit" value="Save" />
<a class="btn btn-link btn-small" href="/posts">Back</a>
</div>
</div>
</div>
</form>