1. ホーム
  2. html

[解決済み] bootstrapの行と列を利用してtextareaの高さを増やす方法

2022-02-14 09:51:03

質問

このような、2つの項目が並ぶフォームをデザインしました。

私の出力

コード を使用したこと。

<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>

そこで、どうすれば、私のようなtextareaの高さを増やすことができるのか、ご指導ください。

希望する出力 どうすればいいのか、教えてください。 ありがとうございます。

どのように解決するのですか?

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

必要に応じて調整してください。