大家好~歡迎各位大佬前來觀看今天第13天的鐵人賽文章，今天要說的是form controls的做法，很高興各位大佬花時間觀看。

form controls

form controls example

<div class="mb-3">
    <label for="exampleFormControlInputNUM" class="form-label">標題</label>
    <input type="title" class="form-control" id="exampleFormControlInputNUM" placeholder="請輸入你的標題">
</div>
<div class="mb-3">
    <label for="exampleFormControlTextareaNUM" class="form-label">內容</label>
    <textarea class="form-control" rows="4" id="exampleFormControlTextareaNUM" placeholder="內容輸入"></textarea>
</div>

以上為form control的範例，做一個簡單回饋單。

form controls高度設置

form controls 設置高度

<input class="form-control form-control-lg" type="text" placeholder=".form-control-lg" aria-label=".form-control-lg example">
    <input class="form-control" type="text" placeholder="Default input" aria-label="default input example">
    <input class="form-control form-control-sm" type="text" placeholder=".form-control-sm" aria-label=".form-control-sm example">

在form control的高度也是輕輕鬆鬆就設置完成了!

今天的鐵人賽文章就這麼結束了喔!很高興各位大佬們觀看，就讓我們開開心心的迎接明天吧!掰~