Monday, February 24, 2020

[Bootstrap] 超簡單 Bootstrap 表單 (form)

Bootstrap 官網表單範例

以最簡單的網頁表單舉例 (不會自動滿版的傳統表單),語法如下:
<form class="form-inline">
  Name:<input class="form-control">
  E-mail:<input class="form-control input-sm">
  <br>
  <button class="btn btn-primary">Submit</button>
  <button class="btn btn-sm btn-warning">Reset</button>
</form>


PS.
如果要縮小 input or button 的高度,可以加上 -sm 的 class,如下圖:










No comments:

Post a Comment