Bootstrap，出自自 Twitter，是目前最受欢迎的前端框架。

 

　　Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的前端框架，它简洁灵活，使得 Web 开发更加快捷。

 

　　它是为实现快速开发Web应用程序而设计的一套前端工具包。

 

　　它支持响应式布局，并且在V3版本之后坚持移动设备优先。

 

　　在Bootstrap出现之前：

 

　　命名：重复、复杂、无意义（想个名字费劲）

 

　　样式：重复、冗余、不规范、不和谐

 

　　页面：错乱、不规范、不和谐

 

　　在使用Bootstrap之后： 各种命名都统一并且规范化。 页面风格统一，画面和谐。

 

　　移动设备优先：自 Bootstrap 3 起，框架包含了贯穿于整个库的移动设备优先的样式。

 

　　浏览器支持：所有的主流浏览器都支持 Bootstrap。

 

　　官方地址：

 

　　中文地址：

 

　　我们使用V3版本的Bootstrap，我们点击下载链接之后，看到如下三个下载类型，我们下载的是 “ 用于生产环境的Bootstrap ”。

 

　　基本结构：Bootstrap 提供了一个带有网格系统、链接样式、背景的基本结构。这将在 Bootstrap 基本结构 部分详细讲解

 

　　CSS：Bootstrap 自带以下特性：全局的 CSS 设置、定义基本的 HTML 元素样式、可扩展的 class，以及一个先进的网格系统。这将在 Bootstrap CSS 部分详细讲解。

 

　　组件：Bootstrap 包含了十几个可重用的组件，用于创建图像、下拉菜单、导航、警告框、弹出框等等。这将在 布局组件 部分详细讲解。

 

　　JavaScript 插件：Bootstrap 包含了十几个自定义的 jQuery 插件。您可以直接包含所有的插件，也可以逐个包含这些插件。这将在 Bootstrap 插件 部分详细讲解。

 

　　定制：您可以定制 Bootstrap 的组件、LESS 变量和 jQuery 插件来得到您自己的版本。

 

　　当您下载了 Bootstrap 的已编译的版本，解压缩 ZIP 文件，您将看到下面的文件/目录结构：

 

　　源码可以看到已编译的 CSS 和 JS（bootstrap.*），以及已编译压缩的 CSS 和 JS（bootstrap.min.*）。同时也包含了 Glyphicons 的字体，这是一个可选的 Bootstrap 主题。

 

　　处理依赖

 

　　由于Bootstrap的某些组件依赖于jQuery，所以请确保下载对应版本的jQuery文件，来保证Bootstrap相关组件运行正常。

 

　　例如：上面下载的Bootstrap版本是3.3.7，建议jQuery的版本应该是，3.2以上，或者最新的版本

 

　　jQuery版本下载：

 

　　一个使用了 Bootstrap 的基本的 HTML 模板如下所示：