增加两项示例

lyear_ui_other.html

@@ -300,6 +300,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>
@@ -545,6 +555,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>