html - 如何使用 Bootstrap 行和列增加文本区域的高度

Question

我设计了一个表单，其中我有两个连续的元素，如下所示:

我的输出

我使用的代码:

<div class="row">
    <div class="col-sm-3">  <!-- [1, 0] -->
        <fieldset class="form-group">
            <label id="fieldTitle">Equipment Length</label>
            <select id="selectOption" class="form-control" required data-error="Please select Equipment Length"></select>
            <div class="help-block with-errors"></div>
        </fieldset>
    </div>
    <div class="col-sm-9">  <!-- [1, 1] -->
        <fieldset class="form-group">
            <label id="fieldTitle">Customer Notes</label>
            <textarea class="form-control" placeholder="Please write customer notes" ng-model="myTextarea" required data-error="Please enter customer notes"></textarea>
            <div class="help-block with-errors"> {{myTextarea}} </div>
        </fieldset>
    </div>
</div>

So, please guide me how do I increase the height of the textarea just like my

期望的输出 请告诉我该怎么做。 谢谢

Answer 1

使用 Bootstrap 4，您将需要具有属性行并添加“高度:100%；”这样高度就会拉伸(stretch)到指定的行数。 “行”沿行不起作用。

<textarea rows="10" style="height:100%;"></textarea>