任务进展：

       1：完成了职位列表页面的布局。

       2：为职位方块添加了鼠标hover时的简单动画效果。

       3：将合作企业页面布局修改为bootstrap栅格，以适应响应式。

       4：师兄指点在psd中直接切出前两个页面上方的背景图，不需要自己在其中添加字体和样式，完成。

遇到问题：

       1：在写职位列表方块时，使薪资待遇居中的方法是：列出三行col-xs-12，第一行col-xs-12放0-1年  5-10k/月，浮动居右，第二行放薪资待遇与1-3年  10-20k/月，使之数值和为12即可，比如5和7，第三行放3-5年  20-50k/月，浮动居右。然后去掉col-xs-12的边框，显示col-xs-7的边框即可。

       2：写合作企业页面时，左栏为企业列表，使用栅格系统写时，若使用一个col-xs-12内部放入企业名称，居中时会出现文字没有对齐的现象，原因是文字长度不一，解决办法是，使用两个col-xs，一个为4，一个任意取值（为避免文字换行，尽量取大点，但不可大于8，否则栅格会换行），col-xs-4在前，其内部不放置文字，将文字放入第二个栅格中，再设置text-align：left，便可完成居中对齐效果。原因是4为12的三分之一，等于将一行三等分，第二个栅格位置便从中间等分的位置开始。

       3：切出整张背景图后，在页面放置一个空div,设置background：url（）no-repeat；background-size：cover；空div的高度用padding撑起来，达成随浏览器缩放效果。

明日计划：

       为页面添加媒体查询，书写响应式。

收获：

       使用bootstrap栅格系统实现了等分多列，不等分多列，多行不等分多列等布局，在多行不等分多列中，显示单边框是一件挺麻烦的事。