任务地址
https://bbs.thoughtworks.school//topic/68
完成时间
2017-02-09
任务要求的作业
https://github.com/tw-lab-roadmap-1/liyan-task3
学习过程中我写的其它博客
- Bootstrap之试卷：http://www.jianshu.com/p/17b20f4aba57
- Bootstrap之栅格系统：http://www.jianshu.com/p/6807d68d664a
学习过程中写的其他demo
- 栅格的简单使用：https://github.com/liyanyan19940914/Bootstarp-row/blob/master/row.html
- 栅格的列的嵌套：https://github.com/liyanyan19940914/Bootstarp-row/blob/master/nest.html
- 偏移列：https://github.com/liyanyan19940914/Bootstarp-row/blob/master/offset-column.html
任务总结
这次的作业是使用Bootstrap将之前的页面进行美化，使其和用css美化的效果一样。
在完成作业之前我首先学习了Bootstrap的栅格系统，在完成试卷的美化的时候，是用栅格系统布局页面的，感觉使用栅格系统布局页面比用css布局页面更加的方便和简单，而且使用栅格系统布局的页面是响应式的页面。在完成的过程中还发现在使用栅格系统时，如果不使用<div class="row"></div>将内容包起来，这样的页面会少一个12px的padding。
在完成作业的过程中还用到了Bootstrap的面板、按钮和表格。Bootstrap自带的样式比自己用css写的样式更加的好看，也有供选择的不同的样式和大小。
在完成作业的过程中对Bootstrap有了更多的了解，感觉Bootstrap使用起来更加的方便简单，而且自己可以少写很多的css的代码。
