06.Bootstrap

一、Bootstrap简介

bootstrap是前端的一个框架

提供了很多js和css组件，使前端开发更加简单，以及更优雅的效果

支持响应式布局：同一套html能够适应不能分辨率的设备

下载地址：https://www.bootcss.com/

二、响应式布局

概念：同一套html代码能够适配不同分辨率的设备

依赖于栅格布局，每一行占12个格子

步骤：

1.定义一个容器

container-fluid类用于100%宽度，填充整个屏幕

container 两端留空白，居中显示

2.定义行

.row定义行

3.定义元素

指定元素在不同分辨率下所占的格子数目

格式：屏幕分辨率序号-所占的格子数 ，如col-md-1

栅格布局是可以向上兼容的，不可以向下兼容

三、Bootstrap提供的css样式

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

3.1按钮

3.2图片

3.3表格

3.4表单

四、Bootstrap提供的js组件

4.1导航条

4.2分页

4.3轮播图 插件里面：Carousel