# Bootstrap简介 Bootstrap来自Twitter (推特) , 是目前最受欢迎的前端框架。Bootstrap 是基于HTML、CSS 和JAVASCRIPT 的,它简洁灵活,使得Web开发更加快捷。 ●中文官网:[http://www.bootcss.com/](http://www.bootcss.com/) ●官网:[http://getbootstrap.com/](http://getbootstrap.com/) ●推荐使用:[http://bootstrap.css88.com/](http://bootstrap.css88.com/) ## **框架**: 顾名思义就是一套架构，它有**一套比较完整**的**网页功能解决方案**,而且控制权在**框架本身**,有预制样式库、组件和插件。使用者要按照框架所规定的某种规范进行开发。 ## 1.优点 ●标准化的html+css编码规范 ●提供了一套简洁、直观、强悍的组件 ●有自己的生态圈,不断的更新迭代 ●让开发更简单,提高了开发的效率 ## 版本  # Bootstrap使用 ## 1、创文件夹  ## 2、创建html骨架  下图是html骨架[链接](https://bootstrap.css88.com/getting-started/) ~~~ <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> ~~~ ~~~ ## 3、引用相关样式  ~~~ <!-- Bootstrap 核心样式--> <link rel="stylesheet" href- = "bootstrap/css/bootstrap .min.css"> ~~~ ## 4、书写内容（注意权重） 添加类名 引用框架样式  # 布局容器 ## 2.3布局容器 Bootstrap需要为页面内容和栅格系统包裹一个**.container**容器, Bootstarp预先定义好了这个类,叫.container它提供了两个作此用处的类。 | 1\. container类（响应式布局） | 2\. container-fluid类 （流式布局 适合手机端开发） | | --- | --- | |  |  |