今天完成的事:

1.修改任务10-1导航

2.完成任务10-2

3.调整自适应

明天计划的事：

1.任务11

收获：

1.panel类

2.在不同屏幕使用不同分割的方法，同时在这里才发现，原来一个元素可以同时采用N个类的

<div class="col-xs-12 col-md-8 col-lg-4"></div>

3.自适应时调整列的顺序的方法

（col-*-push-*和col-*-pull-*）

4.collapse类

5.仅在某种屏幕上显示或者隐藏某元素

（visible-*和hidden-*）

遇到的问题：

1.出现了important都不优先的情况，结果还是用了标明父元素的方法

2.消除文字环绕浮动图片的情况

（清除浮动，给文字加上overflow:hidden或者clear:both)

3.这次由于导航条的高度不定无法再用上次的方法消除用hover增加的border-bottom带来的父元素高度变动

（看了眼修真院官网的做法，好吧原来是最开始就做一条和背景色一样的border-bottom，hover只改颜色就行了）

4.在一个页面中同时设定@media最大和最小宽度时，最大和最小的值不能出现相等的情况，应该相差1px

（即存在min-width：768px时，更小一级的max-width：767px。当然，一般情况只设其中一个就没有这个问题）

更新：

1.10-2的banner设置自适应：在手机屏幕下裁剪图片宽度

2.新收获：使用clip命令必须设置为绝对定位

3.新问题：最初想使用clip的，但是一旦使用clip图片就看不见了。（语句是{clip:0 50px 0 50px;}，最终放弃该方法）

其次是作为背景图片，以{background-position-x:35%;overflow:hidden;}来裁剪。问题在于背景图片无法撑开父元素。一种方法是设定父元素高度，我用的方法是再次以<img>引入图片，但是设置为不可见。