按鈕
按鈕是最常複製的元件：btn 加上語意色就有可用的樣式與 hover。對應官方 Buttons。
<button type="button" class="btn btn-primary">送出</button>
<a class="btn btn-outline-secondary" href="#">次要連結</a>
<button type="button" class="btn btn-danger btn-sm">刪除</button>
| class | 作用 |
|---|---|
btn |
必備基底 |
btn-primary 等 |
實心語意色 |
btn-outline-primary 等 |
外框、背景透明 |
btn-sm／btn-lg |
尺寸 |
btn-link |
看起來像連結、行為仍是按鈕 |
disabled 或 aria-disabled="true" |
停用 |
真正送出表單用 <button type="submit">；純動作用 type="button"，避免誤觸發 form。一組並排按鈕可用 btn-group。
效果展示
官方文件：Buttons。