bootstrap

bootstrap

---

1.它是什么?

Bootstrap，来自 Twitter，是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。

通俗来说，它是前端开发功能抽象及专精化后的一种框架，bootstrap之于前端就像Jquery之于js，或scrapy与爬虫。

1.1组成模块

bootstrap可以划分为三部分：

1. 用于生产环境的 Bootstrap
   这编译并压缩后的 CSS、JavaScript 和字体文件。不包含文档和源码文件。
2. Bootstrap 源码
   Less、JavaScript 和 字体文件的源码，并且带有文档。需要 Less 编译器和一些设置工作。
3. Sass
   这是 Bootstrap 从 Less 到 Sass 的源码移植项目，用于快速地在 Rails、Compass 或 只针对 Sass 的项目中引入。

1.2 怎么用，有什么用？

下载用于生产环境的 Bootstrap，放到static目录下，然后就可以在html中引用了。
当然，也可以从网络引用。

引用示例:
通过网络引用:
< link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

本地引用: 具体路径视情况而定
< link rel="stylesheet" href="bootstrap-3.3.7/css/bootstrap.css"> 

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