增加两项示例

lyear_ui_other.html

@@ -64,6 +64,16 @@
             <span class="label label-outline-brown">儿童文学</span>
           </div>
           
+          <div class="m-t-10">
+            <span class="label label-primary-light">历史小说</span>
+            <span class="label label-success-light">当代小说</span>
+            <span class="label label-info-light">都市小说</span>
+            <span class="label label-warning-light">科幻小说</span>
+            <span class="label label-danger-light">名人传记</span>
+            <span class="label label-purple-light">玄幻仙侠</span>
+            <span class="label label-brown-light">儿童文学</span>
+          </div>
+          
         </div>
       </div>
     </div>
@@ -309,6 +319,62 @@
           <button class="btn btn-primary" type="button">
             消息 <span class="badge">4</span>
           </button>
+          <p class="m-t-10">使用颜色</p>
+          <span class="badge bg-primary">0</span>
+          <span class="badge bg-success">5</span>
+          <span class="badge bg-info">10</span>
+          <p class="m-t-10">圆点</p>
+          <span class="badge badge-dot-sm badge-dot bg-primary"></span>
+          <span class="badge badge-dot-sm badge-dot bg-success"></span>
+          <span class="badge badge-dot-sm badge-dot bg-info"></span>
+          <span class="badge badge-dot-sm badge-dot bg-warning"></span>
+          <span class="badge badge-dot-sm badge-dot bg-danger"></span>
+          <span class="badge badge-dot-sm badge-dot bg-dark"></span>
+          <span class="badge badge-dot-sm badge-dot bg-secondary"></span>
+          <span class="badge badge-dot-sm badge-dot bg-purple"></span>
+          <span class="badge badge-dot-sm badge-dot bg-pink"></span>
+          <span class="badge badge-dot-sm badge-dot bg-cyan"></span>
+          <span class="badge badge-dot-sm badge-dot bg-yellow"></span>
+          <span class="badge badge-dot-sm badge-dot bg-brown"></span>
+          <br/>
+          <span class="badge badge-dot bg-primary"></span>
+          <span class="badge badge-dot bg-success"></span>
+          <span class="badge badge-dot bg-info"></span>
+          <span class="badge badge-dot bg-warning"></span>
+          <span class="badge badge-dot bg-danger"></span>
+          <span class="badge badge-dot bg-dark"></span>
+          <span class="badge badge-dot bg-secondary"></span>
+          <span class="badge badge-dot bg-purple"></span>
+          <span class="badge badge-dot bg-pink"></span>
+          <span class="badge badge-dot bg-cyan"></span>
+          <span class="badge badge-dot bg-yellow"></span>
+          <span class="badge badge-dot bg-brown"></span>
+          <br/>
+          <span class="badge badge-dot-lg badge-dot bg-primary"></span>
+          <span class="badge badge-dot-lg badge-dot bg-success"></span>
+          <span class="badge badge-dot-lg badge-dot bg-info"></span>
+          <span class="badge badge-dot-lg badge-dot bg-warning"></span>
+          <span class="badge badge-dot-lg badge-dot bg-danger"></span>
+          <span class="badge badge-dot-lg badge-dot bg-dark"></span>
+          <span class="badge badge-dot-lg badge-dot bg-secondary"></span>
+          <span class="badge badge-dot-lg badge-dot bg-purple"></span>
+          <span class="badge badge-dot-lg badge-dot bg-pink"></span>
+          <span class="badge badge-dot-lg badge-dot bg-cyan"></span>
+          <span class="badge badge-dot-lg badge-dot bg-yellow"></span>
+          <span class="badge badge-dot-lg badge-dot bg-brown"></span>
+          <br/>
+          <span class="badge badge-dot-xl badge-dot bg-primary"></span>
+          <span class="badge badge-dot-xl badge-dot bg-success"></span>
+          <span class="badge badge-dot-xl badge-dot bg-info"></span>
+          <span class="badge badge-dot-xl badge-dot bg-warning"></span>
+          <span class="badge badge-dot-xl badge-dot bg-danger"></span>
+          <span class="badge badge-dot-xl badge-dot bg-dark"></span>
+          <span class="badge badge-dot-xl badge-dot bg-secondary"></span>
+          <span class="badge badge-dot-xl badge-dot bg-purple"></span>
+          <span class="badge badge-dot-xl badge-dot bg-pink"></span>
+          <span class="badge badge-dot-xl badge-dot bg-cyan"></span>
+          <span class="badge badge-dot-xl badge-dot bg-yellow"></span>
+          <span class="badge badge-dot-xl badge-dot bg-brown"></span>
           
         </div>
       </div>