今天完成的事情：

1.任务八展示界面：

明天计划的事情：

1.继续推进任务八。把bootstrap栅格用更熟练。

遇到的问题：

1.图标栏换行时出现问题：

人脉栏会被挡在右边。原因是高效栏高度比规范栏高，所以卡住了。我这里给了一个具体的高度给他们，于是换行成功。

2.学员展示栏应该是一个轮播图，我用了轮播图，再在轮播图里嵌入栅格。代码有点长，导致找问题有点不解。此处宽度缩小时，右边的技术顾问栏会被隐藏，由于代码略长。还在找原因~

<div class="carousel slide student" id="myCarousel-2">
        <!--轮播（Carousel）指标-->
    <h4 class="word-study">优秀学员展示</h4>
    <ol class="carousel-indicators">
        <li data-target="#myCarousel-2" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel-2" data-slide-to="1"></li>
        <li data-target="#myCarousel-2" data-slide-to="2"></li>
    </ol>
        <!--轮播（Carousel）项目-->
    <div class="carousel-inner">
        <div class="item active">
               <div class="container card">
                   <div class="row box-people">
                       <div class="col-xs-12 col-sm-6 col-md-3 col-lg-3 portrait">
                           <div class="portrait-people-1"></div>
                           <h4 class="card-title">技术顾问:魏夕皓</h4>
                           <p class="card-word">百度技术总监：互联网基础服务领域，从事虚拟主机、云服务器、域名。曾任新网高级技术经理，负责技术研发、团队管理与建设。</p>
                       </div>

                       <div class="col-xs-12 col-sm-6 col-md-3 col-lg-3 portrait">
                           <div class="portrait-people-2"></div>
                           <h4 class="card-title">技术顾问:杨富文</h4>
                           <p class="card-word">阿里技术总监：互联网基础服务领域，从事虚拟主机、云服务器、域名。曾任新网高级技术经理，负责技术研发、团队管理与建设。</p>
                       </div>

                       <div class="col-xs-12 col-sm-6 col-md-3 col-lg-3 portrait">
                           <div class="portrait-people-3"></div>
                           <h4 class="card-title">技术顾问:何敬</h4>
                           <p class="card-word">华为技术总监：互联网基础服务领域，从事虚拟主机、云服务器、域名。曾任新网高级技术经理，负责技术研发、团队管理与建设。</p>
                       </div>

                       <div class="col-xs-12 col-sm-6 col-md-3 col-lg-3 portrait">
                           <div class="portrait-people-4"></div>
                           <h4 class="card-title">技术顾问:刘磊</h4>
                           <p class="card-word">腾讯技术总监：互联网基础服务领域，从事虚拟主机、云服务器、域名。曾任新网高级技术经理，负责技术研发、团队管理与建设。</p>
                       </div>
                   </div>
               </div>

收获：

1.bootstrap这个东西吧，虽说使用挺方便的，但有些情况下需要更改很多样式，我感觉就很麻烦。引用的一些代码特别长，它也有专门的命名，所以用起来不是特别顺手。不过轮播图那里确实很方便，基本不用改样式就能用，还很漂亮。

2.盒子套的越来越多，我会感觉查找略难，不过也可以做好标注，这样看起来会清楚些。

3.今日主要是在测量布局和用bootstrap方面有点费时间。不过后面应该会越来越好。