今天完成的事情： 

1.完成任务八第一图

明天计划的事情：

1.完成任务八第二图

遇到的问题：

 1.做任务八的时候发现col中自己画的border圆圈会被文字挤压的变形

    1.1 自己检查后发现是因为文字没有给他设置宽度，随后给他固定宽度就解决了，后来问了师兄才知道是因为bootstrap本身就是基于flex的基础上做的，

     而col本身就是有flex-shrink的效果，所以会产生这样的原因，明天准备尝试不设置宽度，换一种解决方案

  2. 给logo做鼠标悬浮在上面的时候会有阴影效果的时候，在col上直接放了一个div悬浮的块，设置默认不显示，结果发现他直接连logo图都消失不见

     2.1 仔细检查后发现，是因为我给col设置的原因，给col放了默认不显示的块，他的子元素自然也就不显示了，随后我把悬浮效果放在了col的子元素

     中，宽度设置100%，然后设置绝对定位，即可实现跟图一一样的效果，但后来又发现这样鼠标放

    上去就会一直悬浮的那个框就会一直抖动，询问师兄后换了一种更简便的方法，直接给col设置一个hover效果的悬浮框。

收获： 

   主要的收获就是做完了任务八的第一张图，在发现一些小问题并解决的同时得到了bootstrap的熟悉度，前面进度还是缓慢，做了差不多五天，才完成这

   一副，主要感觉就是卡在了那个导航栏上，一开始没有用媒体查询，自己琢磨了将近俩天才弄出来，但是那个牵扯的太多，隐藏跟显示的都是同一个css

  只要改一个另外的也会受到影响，虽然最后也做出来了但就是麻烦，之后用了媒体查询，确实会简便很多，但因为我完完全全用的媒体查询，所以无法

  有（以我目前的知识）点明天准备击出现跟再次点击收回的效果，用bootstrap跟它相互结合，再写一遍。