Skip to content
GitLab
Projects Groups Snippets
  • /
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in / Register
  • B bootstrap
  • Project information
    • Project information
    • Activity
    • Labels
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 263
    • Issues 263
    • List
    • Boards
    • Service Desk
    • Milestones
  • Merge requests 114
    • Merge requests 114
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Deployments
    • Deployments
    • Environments
    • Releases
  • Packages and registries
    • Packages and registries
    • Package Registry
    • Infrastructure Registry
  • Monitor
    • Monitor
    • Incidents
  • Analytics
    • Analytics
    • Value stream
    • CI/CD
    • Repository
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • Bootstrap
  • bootstrap
  • Issues
  • #8672
Closed
Open
Issue created Jul 27, 2013 by Administrator@rootContributor

.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: screen shot 2013-07-27 at 10 38 10 pm 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>
Assignee
Assign to
Time tracking