diff --git a/controls.html b/controls.html
index 264707102bb24074f102a4bbef3c8e0aa4d2ab81..2cef94bac82324429dc347e2edd4a6ee8cf419f0 100644
--- a/controls.html
+++ b/controls.html
@@ -30,299 +30,299 @@ base_url: "./"
   <p>以下列出ZUI中包含的图标：</p>
   <div class="icons">
     <ul class="clearfix">
-      <li><i class="icon-chrome"</i></li>
-      <li><i class="icon-firefox"</i></li>
-      <li><i class="icon-ie"</i></li>
-      <li><i class="icon-opera"</i></li>
-      <li><i class="icon-safari"</i></li>
-      <li><i class="icon-qq"</i></li>
-      <li><i class="icon-search"</i></li>
-      <li><i class="icon-envelope-alt"</i></li>
-      <li><i class="icon-heart"</i></li>
-      <li><i class="icon-star"</i></li>
-      <li><i class="icon-star-empty"</i></li>
-      <li><i class="icon-user"</i></li>
-      <li><i class="icon-th-large"</i></li>
-      <li><i class="icon-th"</i></li>
-      <li><i class="icon-th-list"</i></li>
-      <li><i class="icon-ok"</i></li>
-      <li><i class="icon-remove"</i></li>
-      <li><i class="icon-power-off:before"</i></li>
-      <li><i class="icon-off"</i></li>
-      <li><i class="icon-gear:before"</i></li>
-      <li><i class="icon-cog"</i></li>
-      <li><i class="icon-trash"</i></li>
-      <li><i class="icon-home"</i></li>
-      <li><i class="icon-file-alt"</i></li>
-      <li><i class="icon-time"</i></li>
-      <li><i class="icon-road"</i></li>
-      <li><i class="icon-download-alt"</i></li>
-      <li><i class="icon-download"</i></li>
-      <li><i class="icon-upload"</i></li>
-      <li><i class="icon-inbox"</i></li>
-      <li><i class="icon-play-circle"</i></li>
-      <li><i class="icon-rotate-right:before"</i></li>
-      <li><i class="icon-repeat"</i></li>
-      <li><i class="icon-refresh"</i></li>
-      <li><i class="icon-list-alt"</i></li>
-      <li><i class="icon-lock"</i></li>
-      <li><i class="icon-flag"</i></li>
-      <li><i class="icon-qrcode"</i></li>
-      <li><i class="icon-tag"</i></li>
-      <li><i class="icon-tags"</i></li>
-      <li><i class="icon-book"</i></li>
-      <li><i class="icon-bookmark"</i></li>
-      <li><i class="icon-print"</i></li>
-      <li><i class="icon-camera"</i></li>
-      <li><i class="icon-list"</i></li>
-      <li><i class="icon-picture"</i></li>
-      <li><i class="icon-pencil"</i></li>
-      <li><i class="icon-map-marker"</i></li>
-      <li><i class="icon-edit"</i></li>
-      <li><i class="icon-share"</i></li>
-      <li><i class="icon-check"</i></li>
-      <li><i class="icon-move"</i></li>
-      <li><i class="icon-step-backward"</i></li>
-      <li><i class="icon-fast-backward"</i></li>
-      <li><i class="icon-backward"</i></li>
-      <li><i class="icon-play"</i></li>
-      <li><i class="icon-pause"</i></li>
-      <li><i class="icon-stop"</i></li>
-      <li><i class="icon-forward"</i></li>
-      <li><i class="icon-fast-forward"</i></li>
-      <li><i class="icon-step-forward"</i></li>
-      <li><i class="icon-chevron-left"</i></li>
-      <li><i class="icon-chevron-right"</i></li>
-      <li><i class="icon-plus-sign"</i></li>
-      <li><i class="icon-minus-sign"</i></li>
-      <li><i class="icon-remove-sign"</i></li>
-      <li><i class="icon-ok-sign"</i></li>
-      <li><i class="icon-question-sign"</i></li>
-      <li><i class="icon-info-sign"</i></li>
-      <li><i class="icon-remove-circle"</i></li>
-      <li><i class="icon-ok-circle"</i></li>
-      <li><i class="icon-arrow-left"</i></li>
-      <li><i class="icon-arrow-right"</i></li>
-      <li><i class="icon-arrow-up"</i></li>
-      <li><i class="icon-arrow-down"</i></li>
-      <li><i class="icon-mail-forward:before"</i></li>
-      <li><i class="icon-share-alt"</i></li>
-      <li><i class="icon-plus"</i></li>
-      <li><i class="icon-minus"</i></li>
-      <li><i class="icon-asterisk"</i></li>
-      <li><i class="icon-exclamation-sign"</i></li>
-      <li><i class="icon-gift"</i></li>
-      <li><i class="icon-fire"</i></li>
-      <li><i class="icon-eye-open"</i></li>
-      <li><i class="icon-eye-close"</i></li>
-      <li><i class="icon-warning-sign"</i></li>
-      <li><i class="icon-plane"</i></li>
-      <li><i class="icon-calendar"</i></li>
-      <li><i class="icon-random"</i></li>
-      <li><i class="icon-comment"</i></li>
-      <li><i class="icon-chevron-up"</i></li>
-      <li><i class="icon-chevron-down"</i></li>
-      <li><i class="icon-shopping-cart"</i></li>
-      <li><i class="icon-folder-close"</i></li>
-      <li><i class="icon-folder-open"</i></li>
-      <li><i class="icon-resize-vertical"</i></li>
-      <li><i class="icon-resize-horizontal"</i></li>
-      <li><i class="icon-bar-chart"</i></li>
-      <li><i class="icon-key"</i></li>
-      <li><i class="icon-gears:before"</i></li>
-      <li><i class="icon-cogs"</i></li>
-      <li><i class="icon-comments"</i></li>
-      <li><i class="icon-thumbs-up-alt"</i></li>
-      <li><i class="icon-thumbs-down-alt"</i></li>
-      <li><i class="icon-heart-empty"</i></li>
-      <li><i class="icon-signout"</i></li>
-      <li><i class="icon-pushpin"</i></li>
-      <li><i class="icon-external-link"</i></li>
-      <li><i class="icon-signin"</i></li>
-      <li><i class="icon-github-sign"</i></li>
-      <li><i class="icon-upload-alt"</i></li>
-      <li><i class="icon-lemon"</i></li>
-      <li><i class="icon-phone"</i></li>
-      <li><i class="icon-unchecked:before"</i></li>
-      <li><i class="icon-check-empty"</i></li>
-      <li><i class="icon-bookmark-empty"</i></li>
-      <li><i class="icon-phone-sign"</i></li>
-      <li><i class="icon-github"</i></li>
-      <li><i class="icon-unlock"</i></li>
-      <li><i class="icon-rss"</i></li>
-      <li><i class="icon-hdd"</i></li>
-      <li><i class="icon-bullhorn"</i></li>
-      <li><i class="icon-bell"</i></li>
-      <li><i class="icon-certificate"</i></li>
-      <li><i class="icon-hand-right"</i></li>
-      <li><i class="icon-hand-left"</i></li>
-      <li><i class="icon-hand-up"</i></li>
-      <li><i class="icon-hand-down"</i></li>
-      <li><i class="icon-circle-arrow-left"</i></li>
-      <li><i class="icon-circle-arrow-right"</i></li>
-      <li><i class="icon-circle-arrow-up"</i></li>
-      <li><i class="icon-circle-arrow-down"</i></li>
-      <li><i class="icon-globe"</i></li>
-      <li><i class="icon-wrench"</i></li>
-      <li><i class="icon-tasks"</i></li>
-      <li><i class="icon-filter"</i></li>
-      <li><i class="icon-group"</i></li>
-      <li><i class="icon-link"</i></li>
-      <li><i class="icon-cloud"</i></li>
-      <li><i class="icon-beaker"</i></li>
-      <li><i class="icon-cut"</i></li>
-      <li><i class="icon-copy"</i></li>
-      <li><i class="icon-paperclip:before"</i></li>
-      <li><i class="icon-paper-clip"</i></li>
-      <li><i class="icon-save"</i></li>
-      <li><i class="icon-sign-blank"</i></li>
-      <li><i class="icon-reorder"</i></li>
-      <li><i class="icon-list-ul"</i></li>
-      <li><i class="icon-list-ol"</i></li>
-      <li><i class="icon-table"</i></li>
-      <li><i class="icon-magic"</i></li>
-      <li><i class="icon-truck"</i></li>
-      <li><i class="icon-caret-down"</i></li>
-      <li><i class="icon-caret-up"</i></li>
-      <li><i class="icon-caret-left"</i></li>
-      <li><i class="icon-caret-right"</i></li>
-      <li><i class="icon-columns"</i></li>
-      <li><i class="icon-sort"</i></li>
-      <li><i class="icon-sort-down"</i></li>
-      <li><i class="icon-sort-up"</i></li>
-      <li><i class="icon-envelope"</i></li>
-      <li><i class="icon-rotate-left:before"</i></li>
-      <li><i class="icon-undo"</i></li>
-      <li><i class="icon-dashboard"</i></li>
-      <li><i class="icon-comment-alt"</i></li>
-      <li><i class="icon-comments-alt"</i></li>
-      <li><i class="icon-bolt"</i></li>
-      <li><i class="icon-sitemap"</i></li>
-      <li><i class="icon-umbrella"</i></li>
-      <li><i class="icon-paste"</i></li>
-      <li><i class="icon-lightbulb"</i></li>
-      <li><i class="icon-exchange"</i></li>
-      <li><i class="icon-cloud-download"</i></li>
-      <li><i class="icon-cloud-upload"</i></li>
-      <li><i class="icon-suitcase"</i></li>
-      <li><i class="icon-bell-alt"</i></li>
-      <li><i class="icon-coffee"</i></li>
-      <li><i class="icon-file-text-alt"</i></li>
-      <li><i class="icon-building"</i></li>
-      <li><i class="icon-fighter-jet"</i></li>
-      <li><i class="icon-beer"</i></li>
-      <li><i class="icon-h-sign"</i></li>
-      <li><i class="icon-plus-sign-alt"</i></li>
-      <li><i class="icon-double-angle-left"</i></li>
-      <li><i class="icon-double-angle-right"</i></li>
-      <li><i class="icon-double-angle-up"</i></li>
-      <li><i class="icon-double-angle-down"</i></li>
-      <li><i class="icon-angle-left"</i></li>
-      <li><i class="icon-angle-right"</i></li>
-      <li><i class="icon-angle-up"</i></li>
-      <li><i class="icon-angle-down"</i></li>
-      <li><i class="icon-desktop"</i></li>
-      <li><i class="icon-laptop"</i></li>
-      <li><i class="icon-tablet"</i></li>
-      <li><i class="icon-mobile-phone"</i></li>
-      <li><i class="icon-circle-blank"</i></li>
-      <li><i class="icon-quote-left"</i></li>
-      <li><i class="icon-quote-right"</i></li>
-      <li><i class="icon-spinner"</i></li>
-      <li><i class="icon-circle"</i></li>
-      <li><i class="icon-mail-reply:before"</i></li>
-      <li><i class="icon-reply"</i></li>
-      <li><i class="icon-github-alt"</i></li>
-      <li><i class="icon-folder-close-alt"</i></li>
-      <li><i class="icon-folder-open-alt"</i></li>
-      <li><i class="icon-expand-alt"</i></li>
-      <li><i class="icon-collapse-alt"</i></li>
-      <li><i class="icon-smile"</i></li>
-      <li><i class="icon-frown"</i></li>
-      <li><i class="icon-meh"</i></li>
-      <li><i class="icon-keyboard"</i></li>
-      <li><i class="icon-flag-alt"</i></li>
-      <li><i class="icon-flag-checkered"</i></li>
-      <li><i class="icon-terminal"</i></li>
-      <li><i class="icon-code"</i></li>
-      <li><i class="icon-reply-all"</i></li>
-      <li><i class="icon-mail-reply-all"</i></li>
-      <li><i class="icon-star-half-full:before"</i></li>
-      <li><i class="icon-star-half-empty"</i></li>
-      <li><i class="icon-location-arrow"</i></li>
-      <li><i class="icon-crop"</i></li>
-      <li><i class="icon-code-fork"</i></li>
-      <li><i class="icon-unlink"</i></li>
-      <li><i class="icon-question"</i></li>
-      <li><i class="icon-info"</i></li>
-      <li><i class="icon-exclamation"</i></li>
-      <li><i class="icon-microphone"</i></li>
-      <li><i class="icon-microphone-off"</i></li>
-      <li><i class="icon-shield"</i></li>
-      <li><i class="icon-calendar-empty"</i></li>
-      <li><i class="icon-fire-extinguisher"</i></li>
-      <li><i class="icon-rocket"</i></li>
-      <li><i class="icon-maxcdn"</i></li>
-      <li><i class="icon-chevron-sign-left"</i></li>
-      <li><i class="icon-chevron-sign-right"</i></li>
-      <li><i class="icon-chevron-sign-up"</i></li>
-      <li><i class="icon-chevron-sign-down"</i></li>
-      <li><i class="icon-html5"</i></li>
-      <li><i class="icon-css3"</i></li>
-      <li><i class="icon-anchor"</i></li>
-      <li><i class="icon-unlock-alt"</i></li>
-      <li><i class="icon-ellipsis-horizontal"</i></li>
-      <li><i class="icon-ellipsis-vertical"</i></li>
-      <li><i class="icon-rss-sign"</i></li>
-      <li><i class="icon-play-sign"</i></li>
-      <li><i class="icon-ticket"</i></li>
-      <li><i class="icon-minus-sign-alt"</i></li>
-      <li><i class="icon-check-minus"</i></li>
-      <li><i class="icon-level-up"</i></li>
-      <li><i class="icon-level-down"</i></li>
-      <li><i class="icon-check-sign"</i></li>
-      <li><i class="icon-edit-sign"</i></li>
-      <li><i class="icon-external-link-sign"</i></li>
-      <li><i class="icon-share-sign"</i></li>
-      <li><i class="icon-compass"</i></li>
-      <li><i class="icon-collapse"</i></li>
-      <li><i class="icon-collapse-top"</i></li>
-      <li><i class="icon-expand"</i></li>
-      <li><i class="icon-yen:before"</i></li>
-      <li><i class="icon-jpy"</i></li>
-      <li><i class="icon-renminbi:before"</i></li>
-      <li><i class="icon-cny"</i></li>
-      <li><i class="icon-won:before"</i></li>
-      <li><i class="icon-krw"</i></li>
-      <li><i class="icon-bitcoin:before"</i></li>
-      <li><i class="icon-btc"</i></li>
-      <li><i class="icon-file"</i></li>
-      <li><i class="icon-file-text"</i></li>
-      <li><i class="icon-sort-by-alphabet"</i></li>
-      <li><i class="icon-sort-by-alphabet-alt"</i></li>
-      <li><i class="icon-sort-by-attributes"</i></li>
-      <li><i class="icon-sort-by-attributes-alt"</i></li>
-      <li><i class="icon-sort-by-order"</i></li>
-      <li><i class="icon-sort-by-order-alt"</i></li>
-      <li><i class="icon-thumbs-up"</i></li>
-      <li><i class="icon-thumbs-down"</i></li>
-      <li><i class="icon-long-arrow-down"</i></li>
-      <li><i class="icon-long-arrow-up"</i></li>
-      <li><i class="icon-long-arrow-left"</i></li>
-      <li><i class="icon-long-arrow-right"</i></li>
-      <li><i class="icon-apple"</i></li>
-      <li><i class="icon-windows"</i></li>
-      <li><i class="icon-android"</i></li>
-      <li><i class="icon-linux"</i></li>
-      <li><i class="icon-female"</i></li>
-      <li><i class="icon-male"</i></li>
-      <li><i class="icon-gittip"</i></li>
-      <li><i class="icon-sun"</i></li>
-      <li><i class="icon-moon"</i></li>
-      <li><i class="icon-archive"</i></li>
-      <li><i class="icon-bug"</i></li>
-      <li><i class="icon-weibo:before .icon-sina"</i></li>
-      <li><i class="icon-renren"</i></li>
+      <li><i class="icon-chrome"></i></li>
+      <li><i class="icon-firefox"></i></li>
+      <li><i class="icon-ie"></i></li>
+      <li><i class="icon-opera"></i></li>
+      <li><i class="icon-safari"></i></li>
+      <li><i class="icon-qq"></i></li>
+      <li><i class="icon-search"></i></li>
+      <li><i class="icon-envelope-alt"></i></li>
+      <li><i class="icon-heart"></i></li>
+      <li><i class="icon-star"></i></li>
+      <li><i class="icon-star-empty"></i></li>
+      <li><i class="icon-user"></i></li>
+      <li><i class="icon-th-large"></i></li>
+      <li><i class="icon-th"></i></li>
+      <li><i class="icon-th-list"></i></li>
+      <li><i class="icon-ok"></i></li>
+      <li><i class="icon-remove"></i></li>
+      <li><i class="icon-power-off:before"></i></li>
+      <li><i class="icon-off"></i></li>
+      <li><i class="icon-gear:before"></i></li>
+      <li><i class="icon-cog"></i></li>
+      <li><i class="icon-trash"></i></li>
+      <li><i class="icon-home"></i></li>
+      <li><i class="icon-file-alt"></i></li>
+      <li><i class="icon-time"></i></li>
+      <li><i class="icon-road"></i></li>
+      <li><i class="icon-download-alt"></i></li>
+      <li><i class="icon-download"></i></li>
+      <li><i class="icon-upload"></i></li>
+      <li><i class="icon-inbox"></i></li>
+      <li><i class="icon-play-circle"></i></li>
+      <li><i class="icon-rotate-right:before"></i></li>
+      <li><i class="icon-repeat"></i></li>
+      <li><i class="icon-refresh"></i></li>
+      <li><i class="icon-list-alt"></i></li>
+      <li><i class="icon-lock"></i></li>
+      <li><i class="icon-flag"></i></li>
+      <li><i class="icon-qrcode"></i></li>
+      <li><i class="icon-tag"></i></li>
+      <li><i class="icon-tags"></i></li>
+      <li><i class="icon-book"></i></li>
+      <li><i class="icon-bookmark"></i></li>
+      <li><i class="icon-print"></i></li>
+      <li><i class="icon-camera"></i></li>
+      <li><i class="icon-list"></i></li>
+      <li><i class="icon-picture"></i></li>
+      <li><i class="icon-pencil"></i></li>
+      <li><i class="icon-map-marker"></i></li>
+      <li><i class="icon-edit"></i></li>
+      <li><i class="icon-share"></i></li>
+      <li><i class="icon-check"></i></li>
+      <li><i class="icon-move"></i></li>
+      <li><i class="icon-step-backward"></i></li>
+      <li><i class="icon-fast-backward"></i></li>
+      <li><i class="icon-backward"></i></li>
+      <li><i class="icon-play"></i></li>
+      <li><i class="icon-pause"></i></li>
+      <li><i class="icon-stop"></i></li>
+      <li><i class="icon-forward"></i></li>
+      <li><i class="icon-fast-forward"></i></li>
+      <li><i class="icon-step-forward"></i></li>
+      <li><i class="icon-chevron-left"></i></li>
+      <li><i class="icon-chevron-right"></i></li>
+      <li><i class="icon-plus-sign"></i></li>
+      <li><i class="icon-minus-sign"></i></li>
+      <li><i class="icon-remove-sign"></i></li>
+      <li><i class="icon-ok-sign"></i></li>
+      <li><i class="icon-question-sign"></i></li>
+      <li><i class="icon-info-sign"></i></li>
+      <li><i class="icon-remove-circle"></i></li>
+      <li><i class="icon-ok-circle"></i></li>
+      <li><i class="icon-arrow-left"></i></li>
+      <li><i class="icon-arrow-right"></i></li>
+      <li><i class="icon-arrow-up"></i></li>
+      <li><i class="icon-arrow-down"></i></li>
+      <li><i class="icon-mail-forward:before"></i></li>
+      <li><i class="icon-share-alt"></i></li>
+      <li><i class="icon-plus"></i></li>
+      <li><i class="icon-minus"></i></li>
+      <li><i class="icon-asterisk"></i></li>
+      <li><i class="icon-exclamation-sign"></i></li>
+      <li><i class="icon-gift"></i></li>
+      <li><i class="icon-fire"></i></li>
+      <li><i class="icon-eye-open"></i></li>
+      <li><i class="icon-eye-close"></i></li>
+      <li><i class="icon-warning-sign"></i></li>
+      <li><i class="icon-plane"></i></li>
+      <li><i class="icon-calendar"></i></li>
+      <li><i class="icon-random"></i></li>
+      <li><i class="icon-comment"></i></li>
+      <li><i class="icon-chevron-up"></i></li>
+      <li><i class="icon-chevron-down"></i></li>
+      <li><i class="icon-shopping-cart"></i></li>
+      <li><i class="icon-folder-close"></i></li>
+      <li><i class="icon-folder-open"></i></li>
+      <li><i class="icon-resize-vertical"></i></li>
+      <li><i class="icon-resize-horizontal"></i></li>
+      <li><i class="icon-bar-chart"></i></li>
+      <li><i class="icon-key"></i></li>
+      <li><i class="icon-gears:before"></i></li>
+      <li><i class="icon-cogs"></i></li>
+      <li><i class="icon-comments"></i></li>
+      <li><i class="icon-thumbs-up-alt"></i></li>
+      <li><i class="icon-thumbs-down-alt"></i></li>
+      <li><i class="icon-heart-empty"></i></li>
+      <li><i class="icon-signout"></i></li>
+      <li><i class="icon-pushpin"></i></li>
+      <li><i class="icon-external-link"></i></li>
+      <li><i class="icon-signin"></i></li>
+      <li><i class="icon-github-sign"></i></li>
+      <li><i class="icon-upload-alt"></i></li>
+      <li><i class="icon-lemon"></i></li>
+      <li><i class="icon-phone"></i></li>
+      <li><i class="icon-unchecked:before"></i></li>
+      <li><i class="icon-check-empty"></i></li>
+      <li><i class="icon-bookmark-empty"></i></li>
+      <li><i class="icon-phone-sign"></i></li>
+      <li><i class="icon-github"></i></li>
+      <li><i class="icon-unlock"></i></li>
+      <li><i class="icon-rss"></i></li>
+      <li><i class="icon-hdd"></i></li>
+      <li><i class="icon-bullhorn"></i></li>
+      <li><i class="icon-bell"></i></li>
+      <li><i class="icon-certificate"></i></li>
+      <li><i class="icon-hand-right"></i></li>
+      <li><i class="icon-hand-left"></i></li>
+      <li><i class="icon-hand-up"></i></li>
+      <li><i class="icon-hand-down"></i></li>
+      <li><i class="icon-circle-arrow-left"></i></li>
+      <li><i class="icon-circle-arrow-right"></i></li>
+      <li><i class="icon-circle-arrow-up"></i></li>
+      <li><i class="icon-circle-arrow-down"></i></li>
+      <li><i class="icon-globe"></i></li>
+      <li><i class="icon-wrench"></i></li>
+      <li><i class="icon-tasks"></i></li>
+      <li><i class="icon-filter"></i></li>
+      <li><i class="icon-group"></i></li>
+      <li><i class="icon-link"></i></li>
+      <li><i class="icon-cloud"></i></li>
+      <li><i class="icon-beaker"></i></li>
+      <li><i class="icon-cut"></i></li>
+      <li><i class="icon-copy"></i></li>
+      <li><i class="icon-paperclip:before"></i></li>
+      <li><i class="icon-paper-clip"></i></li>
+      <li><i class="icon-save"></i></li>
+      <li><i class="icon-sign-blank"></i></li>
+      <li><i class="icon-reorder"></i></li>
+      <li><i class="icon-list-ul"></i></li>
+      <li><i class="icon-list-ol"></i></li>
+      <li><i class="icon-table"></i></li>
+      <li><i class="icon-magic"></i></li>
+      <li><i class="icon-truck"></i></li>
+      <li><i class="icon-caret-down"></i></li>
+      <li><i class="icon-caret-up"></i></li>
+      <li><i class="icon-caret-left"></i></li>
+      <li><i class="icon-caret-right"></i></li>
+      <li><i class="icon-columns"></i></li>
+      <li><i class="icon-sort"></i></li>
+      <li><i class="icon-sort-down"></i></li>
+      <li><i class="icon-sort-up"></i></li>
+      <li><i class="icon-envelope"></i></li>
+      <li><i class="icon-rotate-left:before"></i></li>
+      <li><i class="icon-undo"></i></li>
+      <li><i class="icon-dashboard"></i></li>
+      <li><i class="icon-comment-alt"></i></li>
+      <li><i class="icon-comments-alt"></i></li>
+      <li><i class="icon-bolt"></i></li>
+      <li><i class="icon-sitemap"></i></li>
+      <li><i class="icon-umbrella"></i></li>
+      <li><i class="icon-paste"></i></li>
+      <li><i class="icon-lightbulb"></i></li>
+      <li><i class="icon-exchange"></i></li>
+      <li><i class="icon-cloud-download"></i></li>
+      <li><i class="icon-cloud-upload"></i></li>
+      <li><i class="icon-suitcase"></i></li>
+      <li><i class="icon-bell-alt"></i></li>
+      <li><i class="icon-coffee"></i></li>
+      <li><i class="icon-file-text-alt"></i></li>
+      <li><i class="icon-building"></i></li>
+      <li><i class="icon-fighter-jet"></i></li>
+      <li><i class="icon-beer"></i></li>
+      <li><i class="icon-h-sign"></i></li>
+      <li><i class="icon-plus-sign-alt"></i></li>
+      <li><i class="icon-double-angle-left"></i></li>
+      <li><i class="icon-double-angle-right"></i></li>
+      <li><i class="icon-double-angle-up"></i></li>
+      <li><i class="icon-double-angle-down"></i></li>
+      <li><i class="icon-angle-left"></i></li>
+      <li><i class="icon-angle-right"></i></li>
+      <li><i class="icon-angle-up"></i></li>
+      <li><i class="icon-angle-down"></i></li>
+      <li><i class="icon-desktop"></i></li>
+      <li><i class="icon-laptop"></i></li>
+      <li><i class="icon-tablet"></i></li>
+      <li><i class="icon-mobile-phone"></i></li>
+      <li><i class="icon-circle-blank"></i></li>
+      <li><i class="icon-quote-left"></i></li>
+      <li><i class="icon-quote-right"></i></li>
+      <li><i class="icon-spinner"></i></li>
+      <li><i class="icon-circle"></i></li>
+      <li><i class="icon-mail-reply:before"></i></li>
+      <li><i class="icon-reply"></i></li>
+      <li><i class="icon-github-alt"></i></li>
+      <li><i class="icon-folder-close-alt"></i></li>
+      <li><i class="icon-folder-open-alt"></i></li>
+      <li><i class="icon-expand-alt"></i></li>
+      <li><i class="icon-collapse-alt"></i></li>
+      <li><i class="icon-smile"></i></li>
+      <li><i class="icon-frown"></i></li>
+      <li><i class="icon-meh"></i></li>
+      <li><i class="icon-keyboard"></i></li>
+      <li><i class="icon-flag-alt"></i></li>
+      <li><i class="icon-flag-checkered"></i></li>
+      <li><i class="icon-terminal"></i></li>
+      <li><i class="icon-code"></i></li>
+      <li><i class="icon-reply-all"></i></li>
+      <li><i class="icon-mail-reply-all"></i></li>
+      <li><i class="icon-star-half-full:before"></i></li>
+      <li><i class="icon-star-half-empty"></i></li>
+      <li><i class="icon-location-arrow"></i></li>
+      <li><i class="icon-crop"></i></li>
+      <li><i class="icon-code-fork"></i></li>
+      <li><i class="icon-unlink"></i></li>
+      <li><i class="icon-question"></i></li>
+      <li><i class="icon-info"></i></li>
+      <li><i class="icon-exclamation"></i></li>
+      <li><i class="icon-microphone"></i></li>
+      <li><i class="icon-microphone-off"></i></li>
+      <li><i class="icon-shield"></i></li>
+      <li><i class="icon-calendar-empty"></i></li>
+      <li><i class="icon-fire-extinguisher"></i></li>
+      <li><i class="icon-rocket"></i></li>
+      <li><i class="icon-maxcdn"></i></li>
+      <li><i class="icon-chevron-sign-left"></i></li>
+      <li><i class="icon-chevron-sign-right"></i></li>
+      <li><i class="icon-chevron-sign-up"></i></li>
+      <li><i class="icon-chevron-sign-down"></i></li>
+      <li><i class="icon-html5"></i></li>
+      <li><i class="icon-css3"></i></li>
+      <li><i class="icon-anchor"></i></li>
+      <li><i class="icon-unlock-alt"></i></li>
+      <li><i class="icon-ellipsis-horizontal"></i></li>
+      <li><i class="icon-ellipsis-vertical"></i></li>
+      <li><i class="icon-rss-sign"></i></li>
+      <li><i class="icon-play-sign"></i></li>
+      <li><i class="icon-ticket"></i></li>
+      <li><i class="icon-minus-sign-alt"></i></li>
+      <li><i class="icon-check-minus"></i></li>
+      <li><i class="icon-level-up"></i></li>
+      <li><i class="icon-level-down"></i></li>
+      <li><i class="icon-check-sign"></i></li>
+      <li><i class="icon-edit-sign"></i></li>
+      <li><i class="icon-external-link-sign"></i></li>
+      <li><i class="icon-share-sign"></i></li>
+      <li><i class="icon-compass"></i></li>
+      <li><i class="icon-collapse"></i></li>
+      <li><i class="icon-collapse-top"></i></li>
+      <li><i class="icon-expand"></i></li>
+      <li><i class="icon-yen:before"></i></li>
+      <li><i class="icon-jpy"></i></li>
+      <li><i class="icon-renminbi:before"></i></li>
+      <li><i class="icon-cny"></i></li>
+      <li><i class="icon-won:before"></i></li>
+      <li><i class="icon-krw"></i></li>
+      <li><i class="icon-bitcoin:before"></i></li>
+      <li><i class="icon-btc"></i></li>
+      <li><i class="icon-file"></i></li>
+      <li><i class="icon-file-text"></i></li>
+      <li><i class="icon-sort-by-alphabet"></i></li>
+      <li><i class="icon-sort-by-alphabet-alt"></i></li>
+      <li><i class="icon-sort-by-attributes"></i></li>
+      <li><i class="icon-sort-by-attributes-alt"></i></li>
+      <li><i class="icon-sort-by-order"></i></li>
+      <li><i class="icon-sort-by-order-alt"></i></li>
+      <li><i class="icon-thumbs-up"></i></li>
+      <li><i class="icon-thumbs-down"></i></li>
+      <li><i class="icon-long-arrow-down"></i></li>
+      <li><i class="icon-long-arrow-up"></i></li>
+      <li><i class="icon-long-arrow-left"></i></li>
+      <li><i class="icon-long-arrow-right"></i></li>
+      <li><i class="icon-apple"></i></li>
+      <li><i class="icon-windows"></i></li>
+      <li><i class="icon-android"></i></li>
+      <li><i class="icon-linux"></i></li>
+      <li><i class="icon-female"></i></li>
+      <li><i class="icon-male"></i></li>
+      <li><i class="icon-gittip"></i></li>
+      <li><i class="icon-sun"></i></li>
+      <li><i class="icon-moon"></i></li>
+      <li><i class="icon-archive"></i></li>
+      <li><i class="icon-bug"></i></li>
+      <li><i class="icon-weibo:before .icon-sina"></i></li>
+      <li><i class="icon-renren"></i></li>
     </ul>
   </div>
   <p>使用图标字体有一个好处就是图标就是字符，所有能用于文本的样式都可以用于图标，这样就可以随意定义图标的大小。但应该在同一个应用程序中图标应具有统一的样式，包含如下内容：</p>