* updated type example.

examples/type.html

@@ -98,12 +98,30 @@
         <p class="text-muted">不突出的文本。Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nihil, inventore aperiam rem eum nemo odit!</p>
         <hr>
         <p class="text-primary"><a href="###">Lorem ipsum dolor</a> sit amet, consectetur adipisicing elit. Alias, ad, reprehenderit, quasi, ipsum adipisci doloribus accusantium esse voluptas voluptates praesentium rerum reiciendis iure tenetur beatae natus. Libero facere earum pariatur!</p>
-        <p class="text-warning">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias, ad, reprehenderit, quasi, ipsum adipisci doloribus accusantium esse voluptas voluptates praesentium rerum reiciendis iure tenetur beatae natus. Libero facere earum pariatur!</p>
-        <p class="text-danger">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias, ad, reprehenderit, quasi, ipsum adipisci doloribus accusantium esse voluptas voluptates praesentium rerum reiciendis iure tenetur beatae natus. Libero facere earum pariatur!</p>
-        <p class="text-success">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias, ad, reprehenderit, quasi, ipsum adipisci doloribus accusantium esse voluptas voluptates praesentium rerum reiciendis iure tenetur beatae natus. Libero facere earum pariatur!</p>
-        <p class="text-info">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias, ad, reprehenderit, quasi, ipsum adipisci doloribus accusantium esse voluptas voluptates praesentium rerum reiciendis iure tenetur beatae natus. Libero facere earum pariatur!</p>
-        <p class="text-important">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias, ad, reprehenderit, quasi, ipsum adipisci doloribus accusantium esse voluptas voluptates praesentium rerum reiciendis iure tenetur beatae natus. Libero facere earum pariatur!</p>
-        <p class="text-special">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias, ad, reprehenderit, quasi, ipsum adipisci doloribus accusantium esse voluptas voluptates praesentium rerum reiciendis iure tenetur beatae natus. Libero facere earum pariatur!</p>
+        <p class="text-warning"><a href="###">Lorem ipsum dolor</a> sit amet, consectetur adipisicing elit. Alias, ad, reprehenderit, quasi, ipsum adipisci doloribus accusantium esse voluptas voluptates praesentium rerum reiciendis iure tenetur beatae natus. Libero facere earum pariatur!</p>
+        <p class="text-danger"><a href="###">Lorem ipsum dolor</a> sit amet, consectetur adipisicing elit. Alias, ad, reprehenderit, quasi, ipsum adipisci doloribus accusantium esse voluptas voluptates praesentium rerum reiciendis iure tenetur beatae natus. Libero facere earum pariatur!</p>
+        <p class="text-success"><a href="###">Lorem ipsum dolor</a> sit amet, consectetur adipisicing elit. Alias, ad, reprehenderit, quasi, ipsum adipisci doloribus accusantium esse voluptas voluptates praesentium rerum reiciendis iure tenetur beatae natus. Libero facere earum pariatur!</p>
+        <p class="text-info"><a href="###">Lorem ipsum dolor</a> sit amet, consectetur adipisicing elit. Alias, ad, reprehenderit, quasi, ipsum adipisci doloribus accusantium esse voluptas voluptates praesentium rerum reiciendis iure tenetur beatae natus. Libero facere earum pariatur!</p>
+        <p class="text-important"><a href="###">Lorem ipsum dolor</a> sit amet, consectetur adipisicing elit. Alias, ad, reprehenderit, quasi, ipsum adipisci doloribus accusantium esse voluptas voluptates praesentium rerum reiciendis iure tenetur beatae natus. Libero facere earum pariatur!</p>
+        <p class="text-special"><a href="###">Lorem ipsum dolor</a> sit amet, consectetur adipisicing elit. Alias, ad, reprehenderit, quasi, ipsum adipisci doloribus accusantium esse voluptas voluptates praesentium rerum reiciendis iure tenetur beatae natus. Libero facere earum pariatur!</p>
+        <hr>
+        <p class="highlight-default"><a href="###">Lorem ipsum dolor</a> sit amet, consectetur adipisicing elit. Alias, ad, reprehenderit, quasi, ipsum adipisci doloribus accusantium esse voluptas voluptates praesentium rerum reiciendis iure tenetur beatae natus. Libero facere earum pariatur!</p>
+        <p class="highlight-primary"><a href="###">Lorem ipsum dolor</a> sit amet, consectetur adipisicing elit. Alias, ad, reprehenderit, quasi, ipsum adipisci doloribus accusantium esse voluptas voluptates praesentium rerum reiciendis iure tenetur beatae natus. Libero facere earum pariatur!</p>
+        <p class="highlight-warning"><a href="###">Lorem ipsum dolor</a> sit amet, consectetur adipisicing elit. Alias, ad, reprehenderit, quasi, ipsum adipisci doloribus accusantium esse voluptas voluptates praesentium rerum reiciendis iure tenetur beatae natus. Libero facere earum pariatur!</p>
+        <p class="highlight-danger"><a href="###">Lorem ipsum dolor</a> sit amet, consectetur adipisicing elit. Alias, ad, reprehenderit, quasi, ipsum adipisci doloribus accusantium esse voluptas voluptates praesentium rerum reiciendis iure tenetur beatae natus. Libero facere earum pariatur!</p>
+        <p class="highlight-success"><a href="###">Lorem ipsum dolor</a> sit amet, consectetur adipisicing elit. Alias, ad, reprehenderit, quasi, ipsum adipisci doloribus accusantium esse voluptas voluptates praesentium rerum reiciendis iure tenetur beatae natus. Libero facere earum pariatur!</p>
+        <p class="highlight-info"><a href="###">Lorem ipsum dolor</a> sit amet, consectetur adipisicing elit. Alias, ad, reprehenderit, quasi, ipsum adipisci doloribus accusantium esse voluptas voluptates praesentium rerum reiciendis iure tenetur beatae natus. Libero facere earum pariatur!</p>
+        <p class="highlight-important"><a href="###">Lorem ipsum dolor</a> sit amet, consectetur adipisicing elit. Alias, ad, reprehenderit, quasi, ipsum adipisci doloribus accusantium esse voluptas voluptates praesentium rerum reiciendis iure tenetur beatae natus. Libero facere earum pariatur!</p>
+        <p class="highlight-special"><a href="###">Lorem ipsum dolor</a> sit amet, consectetur adipisicing elit. Alias, ad, reprehenderit, quasi, ipsum adipisci doloribus accusantium esse voluptas voluptates praesentium rerum reiciendis iure tenetur beatae natus. Libero facere earum pariatur!</p>
+        <hr>
+        <p class="bg-default"><a href="###">Lorem ipsum dolor</a> sit amet, consectetur adipisicing elit. Alias, ad, reprehenderit, quasi, ipsum adipisci doloribus accusantium esse voluptas voluptates praesentium rerum reiciendis iure tenetur beatae natus. Libero facere earum pariatur!</p>
+        <p class="bg-primary"><a href="###">Lorem ipsum dolor</a> sit amet, consectetur adipisicing elit. Alias, ad, reprehenderit, quasi, ipsum adipisci doloribus accusantium esse voluptas voluptates praesentium rerum reiciendis iure tenetur beatae natus. Libero facere earum pariatur!</p>
+        <p class="bg-warning"><a href="###">Lorem ipsum dolor</a> sit amet, consectetur adipisicing elit. Alias, ad, reprehenderit, quasi, ipsum adipisci doloribus accusantium esse voluptas voluptates praesentium rerum reiciendis iure tenetur beatae natus. Libero facere earum pariatur!</p>
+        <p class="bg-danger"><a href="###">Lorem ipsum dolor</a> sit amet, consectetur adipisicing elit. Alias, ad, reprehenderit, quasi, ipsum adipisci doloribus accusantium esse voluptas voluptates praesentium rerum reiciendis iure tenetur beatae natus. Libero facere earum pariatur!</p>
+        <p class="bg-success"><a href="###">Lorem ipsum dolor</a> sit amet, consectetur adipisicing elit. Alias, ad, reprehenderit, quasi, ipsum adipisci doloribus accusantium esse voluptas voluptates praesentium rerum reiciendis iure tenetur beatae natus. Libero facere earum pariatur!</p>
+        <p class="bg-info"><a href="###">Lorem ipsum dolor</a> sit amet, consectetur adipisicing elit. Alias, ad, reprehenderit, quasi, ipsum adipisci doloribus accusantium esse voluptas voluptates praesentium rerum reiciendis iure tenetur beatae natus. Libero facere earum pariatur!</p>
+        <p class="bg-important"><a href="###">Lorem ipsum dolor</a> sit amet, consectetur adipisicing elit. Alias, ad, reprehenderit, quasi, ipsum adipisci doloribus accusantium esse voluptas voluptates praesentium rerum reiciendis iure tenetur beatae natus. Libero facere earum pariatur!</p>
+        <p class="bg-special"><a href="###">Lorem ipsum dolor</a> sit amet, consectetur adipisicing elit. Alias, ad, reprehenderit, quasi, ipsum adipisci doloribus accusantium esse voluptas voluptates praesentium rerum reiciendis iure tenetur beatae natus. Libero facere earum pariatur!</p>
         <hr>
         <p class="text-left">左对齐的文本。</p>
         <p class="text-center">居中对齐的文本。</p>