# 按钮
**基本样式类** 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>
```
