doc: 更新组件简介章节

src/BootstrapBlazor.WebConsole/Pages/Introduction.razor

@@ -26,3 +26,17 @@
 <code>
     &lt;script src="~/_content/BootstrapBlazor/css/bootstrap.blazor.js"&gt;&lt;/script&gt;
 </code>
+
+<h4>组件特色</h4>
+
+<p>Bootstrap Blazor UI 组件库提供了从基本的 <code>Button</code> 组件到高级的网页级 <code>SmartPage</code> 组件</p>
+
+<p>优势</p>
+
+<ul>
+    <li>使用组件无需编写 <code>Javascript</code></li>
+    <li>组件支持所有 <code>html</code> 特性</li>
+    <li>组件支持数据双向绑定</li>
+    <li>组件支持自动客户端验证</li>
+    <li>组件支持组合</li>
+</ul>

src/BootstrapBlazor.WebConsole/wwwroot/css/site.css

@@ -255,7 +255,7 @@ section {
         display: block;
     }
 
-        .content code.highlight, .content p code {
+        .content code.highlight, .content p code, .content li code {
             display: inline-block;
             padding: 0px 8px;
             background-color: #e9ecef;
@@ -291,6 +291,10 @@ section {
         margin-left: 38px;
     }
 
+    .content ul li:not(:last-child) {
+        padding-bottom: 0.5rem;
+    }
+
 table {
     border-collapse: collapse;
     width: 100%;