* fixed writting error in document.

controls.html

@@ -47,9 +47,9 @@ base_url: "./"
       <li><i class="icon-th-list"> icon-th-list</i></li>
       <li><i class="icon-ok"> icon-ok</i></li>
       <li><i class="icon-remove"> icon-remove</i></li>
-      <li><i class="icon-power-off:before"> icon-power-off:before</i></li>
+      <li><i class="icon-power-off"> icon-power-off</i></li>
       <li><i class="icon-off"> icon-off</i></li>
-      <li><i class="icon-gear:before"> icon-gear:before</i></li>
+      <li><i class="icon-gear"> icon-gear</i></li>
       <li><i class="icon-cog"> icon-cog</i></li>
       <li><i class="icon-trash"> icon-trash</i></li>
       <li><i class="icon-home"> icon-home</i></li>
@@ -61,7 +61,7 @@ base_url: "./"
       <li><i class="icon-upload"> icon-upload</i></li>
       <li><i class="icon-inbox"> icon-inbox</i></li>
       <li><i class="icon-play-circle"> icon-play-circle</i></li>
-      <li><i class="icon-rotate-right:before"> icon-rotate-right:before</i></li>
+      <li><i class="icon-rotate-right"> icon-rotate-right</i></li>
       <li><i class="icon-repeat"> icon-repeat</i></li>
       <li><i class="icon-refresh"> icon-refresh</i></li>
       <li><i class="icon-list-alt"> icon-list-alt</i></li>
@@ -105,7 +105,7 @@ base_url: "./"
       <li><i class="icon-arrow-right"> icon-arrow-right</i></li>
       <li><i class="icon-arrow-up"> icon-arrow-up</i></li>
       <li><i class="icon-arrow-down"> icon-arrow-down</i></li>
-      <li><i class="icon-mail-forward:before"> icon-mail-forward:before</i></li>
+      <li><i class="icon-mail-forward"> icon-mail-forward</i></li>
       <li><i class="icon-share-alt"> icon-share-alt</i></li>
       <li><i class="icon-plus"> icon-plus</i></li>
       <li><i class="icon-minus"> icon-minus</i></li>
@@ -129,7 +129,7 @@ base_url: "./"
       <li><i class="icon-resize-horizontal"> icon-resize-horizontal</i></li>
       <li><i class="icon-bar-chart"> icon-bar-chart</i></li>
       <li><i class="icon-key"> icon-key</i></li>
-      <li><i class="icon-gears:before"> icon-gears:before</i></li>
+      <li><i class="icon-gears"> icon-gears</i></li>
       <li><i class="icon-cogs"> icon-cogs</i></li>
       <li><i class="icon-comments"> icon-comments</i></li>
       <li><i class="icon-thumbs-up-alt"> icon-thumbs-up-alt</i></li>
@@ -143,7 +143,7 @@ base_url: "./"
       <li><i class="icon-upload-alt"> icon-upload-alt</i></li>
       <li><i class="icon-lemon"> icon-lemon</i></li>
       <li><i class="icon-phone"> icon-phone</i></li>
-      <li><i class="icon-unchecked:before"> icon-unchecked:before</i></li>
+      <li><i class="icon-unchecked"> icon-unchecked</i></li>
       <li><i class="icon-check-empty"> icon-check-empty</i></li>
       <li><i class="icon-bookmark-empty"> icon-bookmark-empty</i></li>
       <li><i class="icon-phone-sign"> icon-phone-sign</i></li>
@@ -172,7 +172,7 @@ base_url: "./"
       <li><i class="icon-beaker"> icon-beaker</i></li>
       <li><i class="icon-cut"> icon-cut</i></li>
       <li><i class="icon-copy"> icon-copy</i></li>
-      <li><i class="icon-paperclip:before"> icon-paperclip:before</i></li>
+      <li><i class="icon-paperclip"> icon-paperclip</i></li>
       <li><i class="icon-paper-clip"> icon-paper-clip</i></li>
       <li><i class="icon-save"> icon-save</i></li>
       <li><i class="icon-sign-blank"> icon-sign-blank</i></li>
@@ -191,7 +191,7 @@ base_url: "./"
       <li><i class="icon-sort-down"> icon-sort-down</i></li>
       <li><i class="icon-sort-up"> icon-sort-up</i></li>
       <li><i class="icon-envelope"> icon-envelope</i></li>
-      <li><i class="icon-rotate-left:before"> icon-rotate-left:before</i></li>
+      <li><i class="icon-rotate-left"> icon-rotate-left</i></li>
       <li><i class="icon-undo"> icon-undo</i></li>
       <li><i class="icon-dashboard"> icon-dashboard</i></li>
       <li><i class="icon-comment-alt"> icon-comment-alt</i></li>
@@ -230,7 +230,7 @@ base_url: "./"
       <li><i class="icon-quote-right"> icon-quote-right</i></li>
       <li><i class="icon-spinner"> icon-spinner</i></li>
       <li><i class="icon-circle"> icon-circle</i></li>
-      <li><i class="icon-mail-reply:before"> icon-mail-reply:before</i></li>
+      <li><i class="icon-mail-reply"> icon-mail-reply</i></li>
       <li><i class="icon-reply"> icon-reply</i></li>
       <li><i class="icon-github-alt"> icon-github-alt</i></li>
       <li><i class="icon-folder-close-alt"> icon-folder-close-alt</i></li>
@@ -247,7 +247,7 @@ base_url: "./"
       <li><i class="icon-code"> icon-code</i></li>
       <li><i class="icon-reply-all"> icon-reply-all</i></li>
       <li><i class="icon-mail-reply-all"> icon-mail-reply-all</i></li>
-      <li><i class="icon-star-half-full:before"> icon-star-half-full:before</i></li>
+      <li><i class="icon-star-half-full"> icon-star-half-full</i></li>
       <li><i class="icon-star-half-empty"> icon-star-half-empty</i></li>
       <li><i class="icon-location-arrow"> icon-location-arrow</i></li>
       <li><i class="icon-crop"> icon-crop</i></li>
@@ -288,13 +288,13 @@ base_url: "./"
       <li><i class="icon-collapse"> icon-collapse</i></li>
       <li><i class="icon-collapse-top"> icon-collapse-top</i></li>
       <li><i class="icon-expand"> icon-expand</i></li>
-      <li><i class="icon-yen:before"> icon-yen:before</i></li>
+      <li><i class="icon-yen"> icon-yen</i></li>
       <li><i class="icon-jpy"> icon-jpy</i></li>
-      <li><i class="icon-renminbi:before"> icon-renminbi:before</i></li>
+      <li><i class="icon-renminbi"> icon-renminbi</i></li>
       <li><i class="icon-cny"> icon-cny</i></li>
-      <li><i class="icon-won:before"> icon-won:before</i></li>
+      <li><i class="icon-won"> icon-won</i></li>
       <li><i class="icon-krw"> icon-krw</i></li>
-      <li><i class="icon-bitcoin:before"> icon-bitcoin:before</i></li>
+      <li><i class="icon-bitcoin"> icon-bitcoin</i></li>
       <li><i class="icon-btc"> icon-btc</i></li>
       <li><i class="icon-file"> icon-file</i></li>
       <li><i class="icon-file-text"> icon-file-text</i></li>
@@ -321,7 +321,7 @@ base_url: "./"
       <li><i class="icon-moon"> icon-moon</i></li>
       <li><i class="icon-archive"> icon-archive</i></li>
       <li><i class="icon-bug"> icon-bug</i></li>
-      <li><i class="icon-weibo:before .icon-sina"> icon-weibo:before .icon-sina</i></li>
+      <li><i class="icon-weibo .icon-sina"> icon-weibo .icon-sina</i></li>
       <li><i class="icon-renren"> icon-renren</i></li>
     </ul>
   </div>

start.html

@@ -14,7 +14,7 @@ base_url: "./"
   <h2>框架说明</h2>
 </div>
 <h3>UI元素类型及定义</h3>
-<p>ZUI中包含各种各样的界面元素（或控件），例如按钮、表格、列表等，甚至一些特定场景用到的一组元素也会在ZUI中精心设计，例如评论列表。为了更好的展示我们的设计理念，把这些元素归为如下5类：</p>
+<p>ZUI中包含各种各样的界面元素（或控件），例如按钮、表格、列表等，甚至一些特定场景用到的一组元素也会在ZUI中精心设计，例如评论列表。为了更好的展示我们的设计理念，把这些元素归为如下四类：</p>
 <ul>
   <li><strong>基本控件</strong>：用来构建网页应用的基本界面单元，例如按钮、文本标签、输入框等。</li>
   <li><strong>组件</strong>：通过一个以上的基本控件组合而成的较复杂的界面单元。例如表单、菜单、表格等。</li>