如何在Bootstrap 3中将Textarea设置为100%高度？

Question

我想设置一个textarea100%的高度.我正在使用Bootstrap 3,但在那里找不到选项.

<div class="container">
<textarea class="form-control" rows="8"></textarea>
</div>

怎么做？

Answer 1

html, body, .container {
  height: 100%;
}
textarea.form-control {
  height: 100%;
}

请参阅Fiddle的演示

Answer 2

我相信这是一个引导问题.我遇到了类似的问题,其中textarea不允许超过1行.我发现(通过试验和错误)将textarea放在div中然后忽略第一个div中的form-group-(x)调用,我能够控制textarea中的行和cols.

<div class="form-group">
    <label class="col-sm-3 control-label">Description</label>
    <div class="col-sm-9">
        <textarea class="form-control" rows="10"></textarea>
    </div>
</div>

更改代码以使用表单组功能将更正此问题:

<div class="form-group">
    <textarea class="form-control" rows="8"></textarea>
</div>

这应该为你做的伎俩.