甘睿星心得5

本周完成了公告与新闻，帮助中心这两个页面。其中，公告与新闻页面，头部和首页一样，是一个图片轮播插件，不过这个插件是包含在container类的div中，有固定宽度而且居中在屏幕而不是铺满屏幕的宽度。轮播插件以下的内容分为两栏，各占container宽度的一半，即分为两个div，都带有span6的类。span是Bootstrap提供的一个分栏的类，Bootstrap的栅格布局把宽度分为12格，如果把页面分为两栏，各占一半，每个div就是span6。第一栏放热门的新闻，每个新闻包括标题，日期，部分正文以及“详情”按钮（点击进入新闻的详页面）。每一个新闻使用thumbnail类包含在一个圆角边框里。右边的一栏，上半部分嵌套了两栏，左边为热门新闻，右边为热门公告，里面只显示标题，点击可进入详情页面。下半部分为一些简略新闻，使用了blockquote标签，使得这些新闻的排列更美观。帮助中心的页面，左边用Bootstrap的nav类进行分栏，点击分栏可以查看相应的内容。