基于Bootstrap的响应式网页

先来大致看看页面的显示效果，如图所示（节选部分）。

这是页面的首页：

第一个内容块：

第二个内容块：

第三个内容块的时间轴：

第四个内容块：

第五个内容块：

尾部（底部）：

下面来进行具体分析。

整个网页被我分成了九个部分（行）。下面来简单说明一下。

1、导航栏（navbar）

整个放在<nav>标签中。
一行中分为两部分，一部分是标题或是logo图片（.navbar-header），另一部分是菜单选项栏（.navbar-nav）。

随着页面滚动，导航栏固