功能对照图
文字凸显效果
<span class="badge badge-pill badge-danger text-uppercase">测试文字</span>
代码高亮效果
<pre class="prettyprint linenums">测试文字
fancybox+图片阴影框
fancybox+图片阴影框大
<a href="放大图超链接" data-fancybox="images">
<img src="小图展示超链接" alt="luotianyi" width="150" height="150" class="aligncenter img-fluid rounded shadow-lg(图片阴影框) size-thumbnail wp-image-584" />
</a>
//图标功能:资源替换http://q.mkm.st/html/FontAwesome.html
<i class="fa fa-cloud-download"></i>
绿色按钮
<a href="超链接"rel="noopener noreferrer"target="_blank"class="btn btn-1 btn-outline-success">测试按钮</a>
H2毛笔标
H2设置标
H2下载标
H2微信标
H2QQ企鹅标
<h2 class="section-title"><span><i class="fa fa-paint-brush"></i>H2毛笔标</span></h2>
<h2 class="section-title"><span><i class="fa fa-gear"></i>H2设置标</span></h2>
<h2 class="section-title"><span><i class="fa fa-cloud-download"></i>H2下载标</span></h2>
<h2 class="section-title"><span><i class="fa fa-wechat"></i>H2微信标</span></h2>
<h2 class="section-title"><span><i class="fa fa-qq"></i>H2企鹅标</span></h2>
NOTE: 警告框效果展示
NOTE: 警告信息框展示
NOTE: 警告错误框展示
NOTE: 警告确认框展示