到这几乎差不多已经完成调整了，但如果你够细心的话会发现按钮以及导航菜单的颜色还是 Bootstrap 默认的蓝色系。在有着设计师存在网站，设计师都会负责进行网站色调的调整，为了保证网站的一致性，所有按钮和导航一般是三到四种颜色。
在这里，虽然不可能像大公司网站那样取色严谨，但还是有一些快速的方法使网站看起来很搭配的。
使用 GIMP 的取色器读取背景图片的主题颜色，确认其 GBR 十六进制值；
使用 Color Scheme Designer 确认与差异大但同时又互补的颜色；
最后根据确定的颜色来制定按钮，可以用[Bootstrap Buttons][]等在线直接生成。
这样首页上那个大大的注册按钮就搞定了，接下来是修改导航菜单的颜色，这个比较简单，写入代码 .nav-pills >.active >a, .nav-pills >.active >a:hover {background-color: #FF9473} 即可。
二、 字体
修改网页字体是让网站看起来更有特色、有现代感的捷径，我们可以去谷歌的字体服务（免费正版）中随意挑选自己喜欢的字体，但是要注意字体间的搭配，在这里我们选择由 DesignShack 推荐的谷歌字体搭配中的一种：Cardo（用于标题） 和 Nobile（用于主体内文）。
在网页头部中加入此代码：
在 CSS 样式表 custom.css 中加入以下代码：h1, h2, h3, h4, h5, h6 {font-family: 'Corben'， Georgia, Times, serif} p, div {font-family: 'Nobile'， Helvetica, Arial, sans-serif}
添加完后刷新即可查看效果了，现在我们的网站样式已经变成下面这样了，看起来比默认好多了。
此外，除了谷歌的字体服务外还可以使用像 Fontdeck 或 Typekit 字体服务，它们的字体更多，更多的字体搭配方案可以参考 Type Connection。
三、 CSS3
将上面都搞定后接下来要做的就是再加点 CSS3 特效了，如果时间不够的话简单的添加上盒阴影 box-shadow 和字体阴影 text-shadow 就可以让网站增色不少，CSS 代码如下。
h1 { text-shadow: 1px 1px 1px #ccc} .div-that-you want-to-stand-out { box-shadow: 0 0 1em 1em #ccc}
如果时间足够的话还可以添加一个放射渐变填充效果，可以让标题的显示效果更重一些，如下面对比图所示。(如果想要更多 CSS 效果的话可以去学习一下 CodeSchool 的在线教程)
四、jQuery
其实到这里了话网站看起来已经很不错了，但为了让它更加个性化，还需要再添加上一张背景图片。对很多程序员来说这一步是比较难以进行的，那么应该如何选择一张设计师可能会使用的图片呢？答案就是去 iStockPhoto 或类似的付费图库中去寻找。
这里我们将使用 Winter Sun 这张照片，为了让网站保持自适应布局，还需要使用 Backstretch 这个 jQuery 插件让背景图可以随时自动调整大小。
首先需要付费下载背景图片，然后放到 /img/ 文件目录中去。
将此图片设置为的背景图(background-image): $.backstretch ("/img/winter.jpg")
加入背景图后网页主题部分会产生遮挡，所以可以让其透明，这样网站效果看起来会更加现代、有设计感。这里可以使用这个技巧将网站变得透明，代码见右边，.container-narrow {background: url (/img/cream_dust_transparent.png) repeat 0 0}
五、 纹理
知道如何让一个网站看起来更加高雅优雅一些吗？是的，纹理。就像 24WAY 的背景纹理一样。
但是这些纹理效果应该去哪里寻找呢？设计师 Atle Mo 的 Subtle Patterns 网站是个不错的去处，我们接下来就使用这个网站上的 Cream Dust 纹理。点击下载，将纹理图片保存到本地，然后放到根目录下的 /img/ 目录文件夹中，最后到 CSS 样式表中加入代码 body { background: url (/img/cream_dust.png) repeat 0 0} 即可。
六、 图标
这里的图标并不是指那些透明的 PNG 图片图标，而是图标字体，其加载方式和字体一样，由 CSS 样式控制，比起图片图标来说这种图标字体加载速度更加，对资源的消耗也更低。在去年 24WAY 曾经有一篇如何在网站中使用图标字体的文章。
对于 Bootstrap 框架来说，整合的图标字体是 Font Awesome (Shifticons 也是一个不错的选择)，和谷歌的字体服务一样也是免费开源的。要使用它只需将其下载下来，然后在根目录下创建 /fonts/ 文件夹，将其放进去。然后再将 font-awesome.css 文件放到 /css/ 目录文件夹。
接着将引用写入网页头部中，代码为 ，这时候我们可以随时在网站上任意地方自由使用这些图标字体了，如要想将一个卡车图标添加到注册按钮的话只需声明一下就可以，Sign up today。同时为了防止加入图标字体后引起按钮拉伸变形，还需要一点点额外的工作，将按钮宽度加大一点（.jumbotron .btn i { margin-right: 8px}）。
