《任务3 Bootstrap核心（使用Bootstrap美化试卷页面，不考虑responsive）》任务汇总文档

任务地址

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的代码。