2016/8/21

今天完成的事：

1. 学习Bootstrap知识，重写Task7-1；

2. 用Bootstrap框架的导航栏，轮播图，和栅格系统直接布局，对样式有区别的地方要进行修改达到自己需要的效果。

明天计划的事：

1.继续学习Bootstrap知识；

2.修改Task10一团糟的代码。

今天遇到的问题：

1. Bootstrap复制过来的代码，放在class=container-fluid的DIV里，直接占据了整个页面，应该要在外面再套一个DIV，限制一下宽度；

2. 栅格布局时，同一个col之下有水平排列的元素，网页缩放的时候，位置就乱了；

3. 自适应没有做，到现在自适应还是不太懂，用单位rem来写字体，高度宽度，padding，margin，用媒体查询来改变font-size可以，但是高宽，padding，margin是怎么实现缩放的呢，前面的任务都是用百分比算的。明天搜搜rem用于自适应的方法，重新修改Task10；

4. 栅格5等份好像不行，刚开始天真的把12/5=2.4写进去，发现不起作用，看了@沈墨空的日报，里面有推荐的方法应该是修改源码？

5. 还是看了@沈墨空的日报，才发现原来为什么自己网页里边框阴影那么奇怪，是被相邻元素遮挡住，明天有空按照@沈墨空的方法来修改；

6. 一个col下有两行两列元素，通过浮动来实现布局，网页最大，内容居中没有问题，一缩小，col宽度变化，由浮动设置的里面的元素位置就不居中了，应该是col里再嵌套row，然后row之下再嵌套col?

7. 人跟人的差距真的大，自己问出来的问题都这么没水平。

收获:

1. 大概知道Bootstrap是怎么一回事，Bootstrap本身提供的现成的组件和结构，我们可以把代码直接拿来用，对相应的组件进行改造，达到自己的想要效果；

2. 链接Bootstap样式表可以下载到本地，也可以使用Bootstrap CDN网站的链接；

3. 从Bootstrap官网寻到组件，复制代码，并修改成自己的需要的样式。