功能测试

# 音乐测试

# 视频测试

# 卡片

<div class="list-group list-group-lg list-group-sp row" style="margin: 0"><div class="col-sm-6">
<a href="https://www.baidu.com/" target="_blank" class="no-external-link no-underline-link list-group-item no-borders 
box-shadow-wrap-lg"> <span class="pull-left thumb-sm avatar m-r"> <img noGallery 
src="https://kdmy.xyz/usr/plugins/Handsome/assets/image/nopic.jpg" alt="Error" class="img-square"></span> <span class="clear"><span 
class="text-ellipsis">
  百度一下</span> <small class="text-muted clear text-ellipsis">百度一下你就知道</small> </span> </a>
</div></div>

<div class="inner-content" >
<p class="inser-title">欢迎使用 Typecho</p>
<div class="inster-summary text-muted">
如果您看到这篇文章,表示您的 blog 已经安装成功.
</div>
</div>
</a>

</div>

</div>

# 回复可见

<div class="hideContent">此处内容需要评论回复后（审核通过）方可阅读。</div>

# 计划表

<div class="panel panel-default  box-shadow-wrap-lg goal-panel">
    <div class="panel-heading">
        最近阅读书
    </div>
    <div class="list-group">
   <div class="list-group-item">            <p class="goal_name"> 阅读《局外人》 ：</p>
            <div class="progress-striped active m-b-sm progress" value="dynamic" type="danger">
                <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="97" aria-valuemin="0"
                 aria-valuemax="100" style="width: 100%;"><span> 100% </span></div>
            </div>            <p class="goal_name"> 阅读《鼠疫》 ：</p>
            <div class="progress-striped active m-b-sm progress" value="dynamic" type="danger">
                <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="97" aria-valuemin="0"
                 aria-valuemax="100" style="width: 45%;"><span> 45% </span></div>
            </div></div></div></div>

# 高亮提示文本

这是灰色的短代码框，常用来引用资料什么的
</div>
<div class="tip inlineBlock warning">

这是黄色的短代码框，常用来做提示，引起读者注意。
</div>
<div class="tip inlineBlock error">

这是红色的短代码框，用于严重警告什么的。
</div>
<div class="tip inlineBlock info">

这是浅蓝色的短代码框，用于显示一些信息。
</div>
<div class="tip inlineBlock success">

这是绿色的短代码框，显示一些推荐信息。
</div>

# 收缩框

<div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-92e6a71cfe67aaa0b8b417eeeaa10e5052" aria-expanded="true"><div class="accordion-toggle"><span style="">测试</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-92e6a71cfe67aaa0b8b417eeeaa10e5052" class="collapse in collapse-content"><p></p>这里编辑收缩框内容<p></p></div></div></div>

# 标签卡

# 多栏

<div class="flex-column"><div class="flex-block" style="flex:auto"> 普通的一列 </div><div class="flex-block" style="flex:20%">该列的宽度只有20%</div><div class="flex-block" style="flex:200px">该列的宽度只有200像素 </div></div>

<div class="flex-column"><div class="flex-block" style="flex:auto"> 普通的二列 </div><div class="flex-block" style="flex:20%">该列的宽度只有20%</div><div class="flex-block" style="flex:200px">该列的宽度只有200像素 </div></div>

最后修改：2024 年 04 月 20 日