今天完成的事情：把任务8的界面一写完了

明天计划的事情：任务8界面2和3

遇到的问题：媒体查询我没用。。。老是不习惯啊，改的col-xs-6：｛max-50%；｝ 用的这种来让网页自适应。

很多奇怪的问题，比如任务一的友情链接  我设置的col-xs-6 那么屏幕宽度小于576的设备就应该显示2个才对，12个格子 我设置一个链接为6 那么一栏应该是两个，结果是一个

去掉当前div其他col-sm啊 md啊，只设置col-xs-6就正常了，不知道原因，可能有冲突把，设置col-xs-6{ max-width:50%} 就正常了，别设置width没用，前面加min- max-才有用

第二个: 任务一的底部，我设置col-xs-12，本来应该是独占一行的，结果第二个div和第三个div跑到一行去了，依照前面的经验，我设置col-xs-12最小宽度为100%，还是不行，就是要在一起，最后设置<div class="col-md-4 col-lg-4 "> 就行了，，， 不知道原因 在手机界面也独占一行了，电脑端也显示正常

第三个：span标签导致我写的圆圈变成竖线 代码如下

.box7-2{

    margin-left: 10px;

    height: 20px;

    width: 20px;

    border-radius: 50%;

    background: #fff;

    border:1px solid #a1a1a1;

  }

也不知道原因，换成div好了。。应该是哪里样式冲突

第四个：任务一底部盒子在手机界面第二行和第三行左右有白边，从http://www.runoob.com/bootstrap4/bootstrap4-grid-basic.html

了解到container是固定宽度 设置了外边距的 container-fluid是全屏宽度，把container换成container-fluid解决。

第五个：在我设置col自适应的时候，有些情况必须全部都设置一遍，比如col-xs-*，col-sm-*，col-md-*，col-lg-*，当时是友情链接在电脑端时10个为

一行，但是设置col-lg-1.2没用，如果不设置的话会缩在一起，哈哈，我以为和字体，宽度，高度一样有0.几，看了下bootstrap4的css文件，发现有col-1

col-2 col-3，知道每个col都是设置好了的，但是不能不用啊，设置col-lg-1 也不行啊，想了下 吧col-lg-1的最小宽度改为11%，我设置的9个友情链接为一行。

收获：col布局加1，看了下Sublime的技巧，我看到师兄刷的一下出来10行代码，很是羡慕，还没用到 不知道学会没有，有个技巧比较实用，用鼠标按住选中一行代码，按alt+F3

可以同是选中其他行相同代码，可以批量改代码了，比如友情链接 20个，了解一下一个一个改的痛苦，复制粘贴也麻烦，按tab可以缩进4格，以前一个空格一个空格敲出来的，

简单看了下插件，有些可以提高工作效率，以后再慢慢研究吧

师兄帮我看下界面一有哪些问题，我好更改，最好一个做完在做下一个

git上传出现了问题 最近都上传到个人网站，有空在重新设置一遍