今天完成的事情：

1、昨天写的那部分页面自适应不太好，320px宽度下显示不太正常，所以重新写了一下。

2、轮播图插件的运用

明日计划：

1、完成修真院首页的编写

遇到的困难：

1、一开始不知道怎么用轮播图，在慕课上看了一下，讲的还是很清楚的。

（参考链接：http://www.imooc.com/code/5390）

2、轮播图所需的图片参考了一下古尘师姐的日报，知道可以从官网直接拖图片出来，厉害了。

3、引用bootstrap的轮播图插件时，老是报错，说是找不到文件，估计是路径错误，上网查了一下,找到了解决办法

（参考链接：http://blog.csdn.net/nongweiyilady/article/details/53611094）

看了这个之后，我的理解是，包含bootstrap.css的文件夹必须和fonts是并列关系而不能是包含关系，比如说一开始，我的文件结构是jns-css/task07-1,所有任务八的文件我都放在task07-1这个文件夹中，我直接把所需的css文件放在根目录下，但网页最后报错却是说在jns-css文件夹中找不到font里面的文件，后来才想明白，task07-1包含了bootstrap.css文件，要和task07-1成并列关系，那就只能在jns-css中放font文件了，后来把文件结构改了一下就好了，一图胜千言，上图（诶呀，图片好像上传不了啊，那算了吧，手动打图）

task07-1

  -bootstrap-3.3.7-dist

     -css

     -font

引用的bootstrap.css文件在css文件夹中，而css文件夹和font文件是并列关系

4、一开始没考虑用轮播图效果，banner就用了背景图加文字的思路,在backgroun-size上面耗费了好多时间，宽度设置100%，高度没设，最后右边多出了一部分没被覆盖，这个问题还没解决（难道是因为我设置了padding?可是设置padding也不应该影响背景大小的百分比吧）后来用contain属性和cover属性都试了一下，cover覆盖整个盒子，但不保证图片完全显示，感觉contain效果更好，可以随页面大小变化

收获：

1、bootstrap轮播图用法

2、background-size相关属性了解及运用

ps：页面明天再上链接