今天完成的事情：

1.对css任务8所要用的背景图、头像、小图标切图.

2.学习《不定宽——常见布局》

明天计划的事情：

1.继续css任务8

2.继续学习bootstrap

遇到的问题：

暂无

收获：

1.bootstrap中container类和container-fluid类的区别

   1）.container类的div左右两边有一个15px的padding（内边距），container-fluid类没有内边距

  2）container-fluid类不管屏幕宽度大小，一直是100%；.container类在屏幕宽度小于等于767px的时候，宽度才等于屏幕宽度，就是100%

       767px

        768px：.container类的div左右出现了外边距margin=9px（左右padding依然是15px）

  结论，

        container 类和container-fluid类的区别体现在是否有随视口宽度改变的margin存在。 

        container类所谓的自适应也是通过margin的改变来完成，container-fluid类的百分百宽度是指在固有的15px的padding前提下宽度总是当前视口的宽度。

2.bootstrap中container、row、col

      行（row）必须包含在.container中，以便为其赋予合适的排列（aligment）和内补（padding）。

      栅格系统中的列是通过指定1到12的值来表示其跨越的范围。例如，三个等宽的列可以使用三个.col-xs-4来创建。