移动Web开发之Bootstrap （Web框架）

目录

一、为什么使用Bootstrap？

二、如何使用Bootstrap？

三、布局容器

3.1 container类

3.2 container-fluid类

四、栅格系统

4.1栅格选项参数

 4.2 列嵌套

4.3 列偏移

 4.4 列排序

 4.5 响应式工具

---

一、为什么使用Bootstrap？

1.标准化的html+css编码规范

2.提供一套简洁，直观，强悍的组件

3.有自己的生态圈，不断的更新迭代

4.让开发更简单。提高了开发的效率

二、如何使用Bootstrap？

下载网址：Bootstrap中文网Bootstrap是Twitter推出的一个用于前端开发的开源工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。目前，Bootstrap最新版本为3.0 。Bootstrap中文网致力于为广大国内开发者提供详尽的中文文档、代码实例等，助力开发者掌握并使用这一框架。https://www.bootcss.com/

简单的四步曲，快速上手使用bootstrap：

1.创建文件夹结构

2.创建html骨架结构

3.引入相关样式文件

4.书写内容 

注意：新建bootstrap文件夹并把下载的css，fonts，js文件夹放入

 文件夹结构示例图如下：

 引入相关样式文件：

三、布局容器

3.1 container类

        响应式布局的容器，固定宽度

屏幕尺寸	尺寸设置
超小屏	小于768px  宽度设置为100%
小屏幕