今天完成的事情：（一定要写非常细致的内容，比如说学会了盒子模型，了解了Margin）

基本完成任务8

了解bootstrap的轮播图组件

明天计划的事情：（一定要写非常细致的内容） 

继续任务8

继续在bootstrap官网阅读官方文档

遇到的问题：（遇到什么困难，怎么解决的）   

对bootstrap的了解不多，不能及时解决出现的问题。

继续在bootstrap的官网阅读bootstrap的官方文档，了解相关组件的代码怎么写。

收获：（通过今天的学习，学到了什么知识）

了解了bootstrap轮播图组件的写法

  <!-- Carousel strat -->

    <div id="carousel-1" class="carousel slide" data-ride="carousel">

        <!-- Indicators -->

        <ol class="carousel-indicators">

            <li data-target="#carousel-1" data-slide-to="0" class="active"></li>

            <li data-target="#carousel-1" data-slide-to="1"></li>

            <li data-target="#carousel-1" data-slide-to="2"></li>

        </ol>

        <!-- Wrapper for slides -->

        <div class="carousel-inner" role="listbox">

            <div class="item active">

                <img src="images/banner-1.png">

            </div>

            <div class="item">

                <img src="images/banner-2.png">

            </div>

            <div class="item">

                <img src="images/banner-3.png">

            </div>

        </div>

        <!-- Controls -->

        <a class="left carousel-control" href="#carousel-1" role="button" data-slide="prev">

            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>

        </a>

        <a class="right carousel-control" href="#carousel-1" role="button" data-slide="next">

            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>

        </a>

    </div>

    <!-- Carousel End -->