将下载的文件解压缩之后就可以看到如下的文件结构：

 

　　这就是Bootstrap的基本结构：编译后的文件可以快速应用于任何web项目。我们提供了编译版的CSS和JS文件 （），也同时提供了编译并压缩之后的CSS和JS文件 （）。图片文件是使用 ImageOptim 工具进行压缩的，这个工具是Mac平台上用于压缩PNG文件的一个app。

 

　　请注意，所有的JavaScript插件都依赖jQuery库。

 

　　脚手架

 

　　全局性的样式文件，用于重置背景、链接样式、栅格系统等，并包含两个简单的布局结构。

 

　　基本CSS样式

 

　　常见的HTML元素 -- 如排版、代码、表格、表单、和按钮的样式。还包括 Glyphicons, 一个非常棒的图标集。

 

　　组件

 

　　常见界面组件 -- 如标签、pill、导航、警告、页面标题的基本样式。

 

　　JavaScript插件

 

　　和组件类似，这些Javascript插件用来实现提示（tooltip）、弹出框（popover）、模态对话框（modal）等具有交互性的组件。

 

　　组件库 和 JavaScript插件集 一同提供了以下组件元素。

 

　　按钮组

 

　　按钮下拉菜单

 

　　用于导航的标签、pill、列表

 

　　导航条

 

　　Labels

 

　　Badges

 

　　Page headers and hero unit

 

　　缩略图

 

　　警告对话框

 

　　进度条

 

　　模态对话框（Modals）

 

　　下拉菜单（Dropdowns）

 

　　Tooltips

 

　　Popovers

 

　　Accordion

 

　　Carousel

 

　　Typeahead

 

　　在后面的文档中， 我们会挨个详细的介绍这些组件的细节。在此之前， 先来看看如何使用并定制它们。

 

　　现在， 这里展示一个典型的HTML文件：

 

　　为了使其成为一个Bootstrap模板， 需要包含相应的 CSS and JS 文件：

 

　　设置成功！ 加入这两个文件， 你就可以开始用Bootstrap开发任何网站和应用程序了。

 

　　一个包含了Bootstrap的所有CSS和JavaScript文件的最简HTML文档。

 

　　查看 Bootstrap 文档 定制 Bootstrap