1.1 Bootstrap简述

Bootstrap是一个用于快速开发Web应用程序和网站的前端框架，来自Twitter，是目前最受欢迎的前端框架。Bootstrap基于HTML、CSS、JavaScript，使用简洁灵活，让Web开发变得更加快捷。

Bootstrap是由Twitter的Mark Otto和Jacob Thornton开发的，是一款2011年8月在GitHub上发布的开源产品。目前使用较广的是版本2和3，其中Bootstrap 2的最新版本是2.3.2, Bootstrap 3的最新版本是3.3.7。2015年8月下旬，Bootstrap四周岁之际，Bootstrap团队发布了Bootstrap 4alpha版，2017年8月10日发布了Bootstrap 4beta版。

在学习Bootstrap前必须具备HTML、CSS和JavaScript（简称JS）的基础知识。简单来说Bootstrap是一个快速搭建网站前台页面的开源项目（基于jQuery）。我们只需要了解相关的class、标签名称等所代表的含义，在构建页面的时候，导入Bootstrap的JS、CSS等，就会将相应的效果表现出来。

比如HTML说明：缩略语，当鼠标悬停在缩写和缩写词上时就会显示完整内容。Bootstrap实现了对HTML 元素的增强样式。缩略语元素具有title 属性，外观表现为带有较浅的虚线框，鼠标移至上面时会变成带有“问号”的指针。当你需要段落文字中某个单词或者词语具有上面那种效果，就可以按照这种格式书写，附加的class="initialism"是让字号更小一点，也可以不要。反过来说，如果不使用Bootstrap的功能或者其他类似的框架，就得自己写代码来实现这种效果，开发时间长。

在现代Web开发中，有几个几乎所有的Web项目中都需要用到的组件。Bootstrap提供了所有这些组件的模块：Grid、Typography、Tables、Forms、Buttons和Responsiveness。

此外，还有大量其他有用的前端组件，比如Dropdowns、Navigation、Modals、Typehead、Pagination、Carousal、Breadcrumb、Tab、Thumbnails、Headers 等。有了这些，我们就可以搭建一个Web项目，并让它运行得更快速、更轻松。