概览 全局 Ajax Bootstrap 自定义 导航 表单布局 表单元素 表格 分页 图标 页面消息 进度条 富文本

图标

概览

规范

规则 说明
Front Awesome 组件 <i class="fa fa-plus" aria-hidden="true"></i> 参考

Font Awesome

尺寸

示例：

fa-lg fa-2x fa-3x fa-4x fa-5x 
<i class="fa fa-camera-retro fa-lg"></i> fa-lg
<i class="fa fa-camera-retro fa-2x"></i> fa-2x
<i class="fa fa-camera-retro fa-3x"></i> fa-3x
<i class="fa fa-camera-retro fa-4x"></i> fa-4x
<i class="fa fa-camera-retro fa-5x"></i> fa-5x

旋转

示例：

Loading... Loading... Loading... Loading... Loading... 
<i class="fa fa-spinner fa-spin fa-3x fa-fw"></i>
<span class="sr-only">Loading...</span>

<i class="fa fa-circle-o-notch fa-spin fa-3x fa-fw"></i>
<span class="sr-only">Loading...</span>

<i class="fa fa-refresh fa-spin fa-3x fa-fw"></i>
<span class="sr-only">Loading...</span>

<i class="fa fa-cog fa-spin fa-3x fa-fw"></i>
<span class="sr-only">Loading...</span>

<i class="fa fa-spinner fa-pulse fa-3x fa-fw"></i>
<span class="sr-only">Loading...</span>