textareaフォームの大きさを設定する

textareaフォームを使う際にそのフォームの大きさを設定したいときがある。自分がよく使っているBootstrapではうまく対応できなかったのでその対応できなかった理由と対処方法をメモとして残す。

Bootstrapで対応できない理由

Bootstrapのsizingのところで様々な要素を変更することができる。
しかしこのサイジングを使うとサイズ変更に伴う空白部分ができてしまう。そこの空白スペースに別要素を入れようとしても入れることができなかった。
したがってwebの少ない画面を有効利用しようとする意図に反する結果となり、採用しなかった。
https://getbootstrap.com/docs/4.4/utilities/sizing/

他の方法

htmlのtextareaフォームの初設定が有る。それがrowsとcolsであった。これを直接設定すれば、空白部分を作らずにフォームのサイズを変更する事ができた。
http://www.htmq.com/html/textarea.shtml