Bootstrap预定义了一些样式，Bootstrap 1使用的是以前的重置样式表。从 Bootstrap 2 开始，老的重置方式被 Normalize.css 取代，这是由 Nicolas Gallagher 和Jonathan Neal 共同维护的一个项目，这一项目还被 HTML5 Boilerplate 所采用。 虽然我们在

Bootstrap 提供了一个图片精灵，其中包含 140 个图标，这些图标可用于按钮、链接、导航和表单等元素。这些图标由 Glyphicons（http://glyphicons.com/）提供。如图 3‑62所示： 图3-62 Bootstrap字体图标Glyphicons Glyphicons Halflings 一般

Page header Page header就相当于一个标题框，给从 <h1> 到 <h6> 的任意标题元素套上这个简单的外壳，就可以为它添加更多的间隙，并通过一个下边框把它从页面中分离出来。 要在页面中放置一个Page header，只需把标题元素放在类为 .page

缩略图 缩略图用于给图片、视频、文本等加入栅格功能，很适合以网格形式展示图片、视频、商品列表等。 默认的缩略图非常简单，只需把图片放在 class="thumbnail" 的 <a> 标签中即可。如： <a href="#" class="th

条纹进度条 只需给进度条的容器元素追加一个 .progress-striped 类，就可以创建出带条纹的进度条，并且不同颜色的进度条，可以显示不同的条纹： <div class="progress progress-striped"> <div class="bar" style&

可用的图标 Bootstrap3 提供了差不多300多个来自 Glyphicon Halflings 的字体图标，这些图标可用于按钮、链接、导航和表单等元素。最常见的的图标如图 3‑1所示： 图3-1 Glyphicons提供的图标 bootstrap字体图标，Glyphicons Halflings 一般是收费的，但是

缩略图 缩略图是对Bootstrap栅格系统的扩展，将图片、视频、文本等加入到缩略图中，就可以很容易地以网格形式展示图片、视频、商品列表等。 默认缩略图 Boostrap中的默认缩略图设计非常简单，只需把图片、视频、文本等放入 .thumbnail的 <a> 标签中&

条纹进度条 只需给进度条的容器元素追加一个 .progress-bar-striped类，就可以创建出带条纹的进度条。并且，这种进度条还能根据进度条的颜色，自动显示不同的条纹颜色： <divclass="progress"><divclass="progress-bar

使用主题介绍：由于JB版本号0.2.X的主题,如今全然是模块化的。他们跟踪和单独版本号的主题包。这让每一个人都能够自由公布和共享主题。Jekyll-Bootstrap v 0.2.x仅仅附带twitter主题,其它主题须要被安装。直接浏览当前主题包在GitHub上：https://github.com/jek