# 按鈕
**基本樣式類** a標簽 和button元素 input類型為button都可以添加
.btn 基本樣式(必需)
.btn-default 默認樣式
.btn-primary 首選項 藍色
.btn-success 成功
.btn-info 一般信息
.btn-warning 警告
.btn-danger 危險
.btn-link 鏈接(button作為鏈接
.btn-lg 大按鈕
.btn
.btn-sm 小按鈕
.btn-xs 超小按鈕
.btn-block 塊級按鈕
.active 激活狀態(:active)
.disabled 按鈕禁用
```
<a href="#" class="btn btn-default" role="button">link</a>
<button class="btn btn-default">button</button>
<input type="submit" class="btn btn-default" value="submit">
<input type="button" class="btn btn-default" value="input">
<hr>
<!-- Standard button -->
<button type="button" class="btn btn-default">(默認樣式)Default</button>
<!-- Provides extra visual weight and identifies the primary action in a set of buttons -->
<button type="button" class="btn btn-primary">(首選項)Primary</button>
<!-- Indicates a successful or positive action -->
<button type="button" class="btn btn-success">(成功)Success</button>
<!-- Contextual button for informational alert messages -->
<button type="button" class="btn btn-info">(一般信息)Info</button>
<!-- Indicates caution should be taken with this action -->
<button type="button" class="btn btn-warning">(警告)Warning</button>
<!-- Indicates a dangerous or potentially negative action -->
<button type="button" class="btn btn-danger">(危險)Danger</button>
<!-- Deemphasize a button by making it look like a link while maintaining button behavior -->
<button type="button" class="btn btn-link">(鏈接)Link</button>
<hr>
<button class="btn btn-primary">藍色按鈕</button>
<button class="btn btn-danger">紅色按鈕</button>
<button class="btn btn-link">鏈接外觀按鈕</button>
<hr>
<button class="btn btn-primary btn-lg">大按鈕</button>
<button class="btn btn-primary">常規按鈕</button>
<button class="btn btn-primary btn-sm">小按鈕</button>
<button class="btn btn-primary btn-xs">超小按鈕</button>
<hr>
<button class="btn btn-primary btn-block btn-lg">塊級按鈕</button>
<hr>
<button class="btn btn-primary btn-block active btn-lg">按壓狀態</button>
<hr>
<button class="btn btn-primary btn-block disabled btn-lg">禁用狀態</button>
```