一、我和Bootstrap不得不说的故事

故事从Bootstrap开始

这是一个有故事的专栏。

前言

2014年毕业后，有幸进入现在的公司从事java开发工作。期间，由于有前端开发经历，经常被部门交去实施很多项目的前端工作。要知道在当时，还是SpringMVC + jquery独领风骚的时代，大多数java后端都喜欢用一个叫Bootstrap的UI框架来构建系统前端。在经历过好几个由Bootstrap构建的项目后，我对这个神奇的框架产生了浓厚的兴趣，一方面是因为它的强大，另一方面是因为要实现换肤和一些定制化的样式组件，去“改”它让我掉了不少”坑“。

用的多了，我就希望能自己实现这样一套UI框架，java后端肯定没有这个条件，于是转岗成为一名专职的前端工程师。到后来深入学习了Bootstrap的源码，也借鉴它的思想，最终实现了我的UI框架，配合前端自动化构建，将其使用在了后来的项目中。后来这种前端开发模式在团队沿用至今，成为标配。

什么是Bootstrap？

Bootstrap官网是这样介绍自己的——“Bootstrap 是全球最受欢迎的前端组件库，用于开发响应式布局、移动设备优先的 WEB 项目。”

有些同学可能疑惑，现在写前端都用vue、react，最受欢迎的框架难道不应该是“antd”、“elementUI”之类？

让我们看看世界上最大的同性交友网GitHub里的数据：

截止2020年4月26号

UI框架\组件库	star数量
bootstrap	140k
antd	59k
elementUI	44.9k

当然，star数量不决定框架的高低，但是确实证明bootstrap确实非常受欢迎，是当之无愧的UI框架的”扛把子“。

准备工作

说了这么多，后面我们会和大家慢慢分析bootstrap扛把子的源码，但是在此之前，我希望大家是做好了初步的准备的，因为如果缺乏太多前端基础知识，看后面的章节或许会略感吃力。

你需要掌握的是：

• html基础
• css基础
• js基础

我推荐大家看MDN的教程：https://developer.mozilla.org/zh-CN/docs/Learn

个人感觉看完这些，做完实践，就已经可以说是前端入门了。

然后，我们还需要去看看Bootstrap官网，对这个框架有一定的了解，我们会先从V3版本讲起。

附上传送门 : Bootstrap

v3版本也可以看中文官网，不过4.x版本的话，还是看官网为佳。

那大家下周见~