<!--下面是代码任务部分-->
<h2>代码任务部分</h2>
    <div class="list-group">
        <a href="##" class="list-group-item active">
            <h4 class="list-group-item-heading">Canvas绘图详解<span class="badge">12</span></h4>
            <p class="list-group-item-text">
                本课程为Canvas系列课程第二课。通过对《绚丽的倒计时效果的学习》，在大家对Canvas绘图有一定了解的基础上......
            </p>
        </a>
        <a href="##" class="list-group-item">
            <h4 class="list-group-item-heading">玩转Bootstrap<span class="badge">30</span></h4>
            <p class="list-group-item-text">
                Bootstrap框架是一个非常受欢迎的前端开发框架，他能让后端程序员和不懂设计的前端人员制作出优美的Web页面或Web应用程序。
            </p>
        </a>
        <a href="##" class="list-group-item">
            <h4 class="list-group-item-heading">基于bootstrap的网页开发<span class="badge">5</span></h4>
            <p class="list-group-item-text">
                基于bootstrap的网页开发：Bootstrap是用于前端开发的工具包，提供了优雅的HTML和CSS规范，并基于jQuery开发了丰富的Web组件。课程介绍了Bootstrap框架的基本知识，并基于Bootstrap框架...
            </p>
        </a>        
    </div>    
</div>