Bootstrap 介绍

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第12天，点击查看活动详情

Bootstrap 介绍

Bootstrap 是非常流行的前端框架。特点是：灵活简洁、代码优雅、美观大方。它是由Twitter的两名工程师 Mark Otto 和 Jacob Thornton 在2011年开发的。

简单来说，Bootstrap 让 Web 开发更简单、更快捷。使用 Bootstrap 框架并不代表我们再开发时不用自己写 CSS 样式，而是不用写绝大多数常见的样式。

PS：Amaze UI 这个框架其实跟 Bootstrap 很像。

官网网站

• 官方网站：getbootstrap.com/

• 中文网站：www.bootcss.com/

V3版本：

V4版本：

列举几个用 Bootstrap 做的网站：

• Bootstrap 优站精选

• mobirise.com/

• snappa.io/

Bootstrap 版本

目前市面上使用的最多的是 3.x.x 版本。各个版本的介绍：

2.3.2版本：

• 2013年之后，停止维护；

• 支持更广泛的浏览器

• 代码不够简洁， 功能不够多。

3.x.x 版本：

• 目前最新的稳定版本。

• 不支持 IE7 和早期的 Firefox

• 支持 IE8，单效果不好。

2015年8月发布 4.0.0-alpha 的内部测试版。

版本号的普及：

• alpha 版：内部测试版。α 是希腊字母的第一个，表示最早的版本，bug很多。主要是给开发和测试人员找 bug 用的。

• beta 版：公开测试版。 主要是给“部落”用户和忠实用户测试用的。bug依然很多，但比 Alpha 版要稳定。这个阶段的版本还会不断增加新功能，如果你是发烧友，可以下载这个版本。

• rc 版：候选版本（Release Candidate）。该版本不再增加新的功能。类似于最终发行版之前的预览版（发行的候选版本）。此版本的发布，预示着最终发行版即将到来。作为普通用户，如果很着急，也可以下载 rc 版。

• stable 版：稳定版。在开源软件中，都有 stable版本，这个是开源软件的最终发行版，用户可以放心大胆地使用。

Bootstrap 库的下载

这里我们以 Bootstrap V3.3.7 为例。

进入中文官网，下载 用于生产环境的 Bootstrap，如下图所示：

下载之后，解压 bootstrap-3.3.7-dist ，有三个文件夹：

将其拷贝到工程文件的lib文件夹下即可。

PS：dist表示编译之后的文件，这在库文件中是很常见的。

因为 bootstrap.js依赖jQuery，所以要先引用jquery.js 然后引用bootstrap.js。