Bootstrap样式-按钮

默认风格

<a class="btn" href=""></a>
<button class="btn"</button>
<input class="btn" type="button" value="">
<input class="btn" type="submit" value="">

定制风格

# 情景样式类
.btn-defalut 默认
.btn-primary 主要
.btn-success 成功
.btn-info 信息
.btn-warning 警告
.btn-danger 危险
.btn-link 链接
<button class="btn btn-default"</button>

#相对大小
.btn-lg 大号按钮
.btn-sm 小号按钮
.btn-xs 迷你按钮

# 块级元素
.btn-block 按钮>块级元素

状态风格

# 禁用
.disabled 禁用
<button type="button" class="btn btn-lg disabled">类样式禁用</button>
<button type="button" class="btn btn-lg" disabled="disabled">属性禁用</button>
# 建议同时引用
<button type="button" class="btn btn-lg disabled" disabled="disabled">属性禁用</button>

#激活状态
<button type="button" class="btn btn-lg active">按钮元素</button>
<a href="#" class="btn btn-lg active" role="button">链接元素</a>