Day 35

今天完成的事情

      1.整理最近的日报内容，做成笔记

      2.继续完成task8-1

遇到的问题

      1.【solved】为大屏幕上导航栏设置了float：right，但收缩后列表内仍然这样靠右很难看

采用媒体查询，设置float：none；

利用flex，使得屏幕小于768px时链接居中

按钮样式改变

设置float：none；

      2.【unsolved】屏幕宽度等于768px时，导航栏消失，列表展开，不知道哪里出了问题

      3.【solved】屏幕小于768px时，隐藏客服热线及分享

看到官网用了一个hidden-xs，试着百度一下，找到了有关内容对设备的显示和隐藏

收获

      1.关于路径应用

task8的所有东西都存在jushu8文件夹中，计划有jnshu8-i(1、2、3）(内含html及css)文件夹和img文件夹

../是指跳出文件所在文件夹回到上级，再到达所需文件的位置

      2.以下这些可以通过媒体查询结合大型、小型和中型设备，实现内容对设备的显示和隐藏

      3.响应式导航条

响应式折叠导航栏：由一个button按钮添加bootstrap的

navbar-toggle——设置button元素为导航条组件的切换钮； .navbar-toggle样式是控制3根<span>线的。

data-toggle=“collapsed”——指button元素为在视口小于768px时事件触发。表明这个button是一个折叠控件，其折叠的内容指向data-target="#navbar"，即是id为navbar的内容

data-target=#menu”data-target事件的目标——三个span标签组成的按钮形成的导航栏：

明天计划学习

       继续完成task8

P.S. :点击提交的一瞬间突然出现登录页面，吓我一身冷汗，还好日报还在。感谢大佬

注： 【unsolved】截日报发出前未解决的问题

        【solved】已解决现象但并未从根本上解决问题

        【solved】已解决