接上一篇文章《[译]Bootstrap的Affix与ScrollSpy用法[一]》，我们在前一篇已经分享了如何使用Bootstrap的Affix插件，这一篇接着分享如何结合ScrollSpy实现前面例子中的效果。

大家在浏览Bootstrap网站的时候应该注意到了，页面右边栏的导航会跟随页面的滚动而变动。这个效果可以由Bootstrap的jQuery组件：Affix与 scrollspy 整合来实现。这篇文章我们将为大家演示如果在你的网站中增加这样的效果。为了大家更好的理解，我们用下面这个例子来演示。

你正在想建立下一个大的APP或者Saas应用程序？或者你只想建立一个客户端后台？不管哪种情况，从头建立一个仪表盘是一个很大的工程量，此外，你可能也不懂得如何把仪表盘设计的漂亮、醒目。感谢Bootstrap框架，许多设计者已经创建出了很多带有有用组件的响应式的后台管理模版。

在Bootstrap的文档中，关于 Affix用法 并没用做详细的示例，只写到此功能请参照本文档右侧导航。可能很多人看了之后依然不知道这个 Affix 插件到底该怎么用！今天，Specs就为大家通过一个详细的示例来展示 Affix的用法。

从简单的后台登录开始，用ThinkPHP实际操作了一下。用到的知识大概有下面几点：ThinkPHP 数据库操作；ThinkPHP 验证码的使用；ThinkPHP 数据库及模板相关配置；ThinkPHP session方法；自定义方法的使用

看一下下面的20款免费的 Bootstrap 后台管理模板，这些模板都是轻量级的，可以确保你的网站速度不受影响。它们都是相应式的设计，所以支持任何屏幕显示。它们也支持视网膜屏幕，这意味着你可以在更高的分辨率下观看。最关键的是，所有下面的这些主题都是免费的！

今天自制wordpress主题9IPHP上线了，该主题采用Bootstrap框架，相应式布局。添加了仿Ifanr主题的大声与数字模块。

Bootstrap是快速开发Web应用程序的前端工具包。它是一个CSS和HTML的集合，它使用了最新的浏览器技术，给你的Web开发提供了时尚的版式，表单，buttons，表格，网格系统等等。