如何使用引导行和列增加文本区域的高度

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>

所以，请指导我如何像我一样增加文本区域的高度

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

原文由 Sikandar Sahab 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

textarea {
  width: 300px;
  height: 150px;
}

根据需要调整。

原文由 reiallenramos 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

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

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

原文由 user3399299 发布，翻译遵循 CC BY-SA 4.0 许可协议