Buttons 按钮

Buttons 基本按钮

按钮颜色、大小

.btn-info2、.btn-purple、.btn-pink、.btn-light、.btn-yellow、.btn-grey

.btn-mini、.btn-minier、btn-sm

<button type="button" class="btn btn-sm btn-purple">

<i class="ace-icon fa fa-check"></i>

Click

</button>

<a href="#" class="btn btn-sm btn-purple">

<i class="ace-icon fa fa-check"></i>

Click

</a>

.no-hover 和 .no-border

<button type="button" class="btn btn-sm btn-purple no-border">

No Border!

</button>

<button type="button" class="btn btn-sm btn-purple no-hover">

No Hover Effect!

</button>

.icon-on-right

<button type="button" class="btn btn-sm btn-purple">

<i class="icon-on-right ace-icon fa fa-check"></i>

</button>

.icon-only

<button type="button" class="btn btn-sm btn-purple">

<i class="icon-only ace-icon fa fa-check"></i>

</button>

White Buttons 白色按钮

.btn-white 白色

<button type="button" class="btn btn-sm btn-info btn-white">

<i class="ace-icon fa fa-check"></i>

white button

</button>

.btn-bold 、.btn-round 圆角

<button type="button" class="btn btn-sm btn-danger btn-white btn-round">

<i class="ace-icon fa fa-trash-o"></i>

rounder

</button>

Large Buttons 大图标按钮

.btn-app

<button class="btn btn-app btn-grey btn-sm radius-4">

<i class="ace-icon fa fa-floppy-o bigger-160"></i>

Save

</button>

.width-auto 宽度自动

<a class="btn btn-app btn-primary width-auto" href="#">

<i class="ace-icon fa fa-pencil-square-o fa-2x"></i>

Longggggg textttttttt

</a>

Button Groups 按钮组

.btn-corner 第一个和最后一个有圆角

.btn-overlap 按钮之间没有空隙

<div class="btn-group btn-overlap btn-corner" data-toggle="buttons">

<label class="btn btn-sm btn-white btn-info">

<input type="checkbox" value="1" />

<i class="ace-icon fa fa-bold icon-only bigger-110"></i>

</label>

...

...

</div>