Bootstrap按钮

Bootstrap按钮

<a class=“btn btn-default”></a>

<button class=“btn btn-default”></button>

<input class=“btn btn-default”>

注：导航和导航条组件只支持 <button> 元素。

Bootstrap按钮 样式

.btn-default  默认按钮

.btn-primary  原始按钮

.btn-success  成功按钮

.btn-info  信息按钮

.btn-warning  警告按钮

.btn-danger  危险按钮

.btn-link  链接按钮

Bootstrap按钮 尺寸

.btn-lg  大按钮

.btn-sm  小按钮

.btn-xs  超小按钮

.btn-block  100%按钮

Bootstrap按钮激活状态

<button class=“btn btn-default active”>激活</button>

<a class=“btn btn-default active”>激活</a>

<input type=“submit” class=“btn btn-warning active” value=“激活”>

Bootstrap按钮禁用状态

<button class="btn btn-default" disabled="disabled" >禁用</button>

<a class="btn btn-default " disabled="disabled" >禁用</a>

<input type="submit" class="btn btn-default" disabled="disabled" value="禁用">