1.概念:一个前端开发的框架,Bootstrap,来自Twitter,是目前很受欢迎的前端框架。Bootstrap是基于HTML,CSS,JavaScript的,他简介灵活,让web开发更加快捷
*框架:一个半成品软件。我们开发人员直接可以使用这些样式和插件得到丰富的页面效果
*好处:
1.定义了很多css样式和js插件。我们开发人员直接可以使用这些样式和插件得到丰富的页面效果。
2.响应式布局:
*同一套页面可以兼容不同分辨率的设备
*实现:依赖于栅格系统,将一行平均分成12个格子,可以指定元素占几个格子
*步骤:
1.定义容器:相当于之前的table
*容器分类:
1.container:每一种设备宽度是不一样的
2.container-fluid:每一种设备都是100%宽度
2.定义行。相当于之前的tr 样式:row
3.定义元素。指定该元素在不同的设备上,所占的格子数目。
*注意事项:
1.一行中如果格子数目超过12,则超出部分自动换行
2.栅格类属性向上兼容
3.如果真实设备宽度小于了设置栅格类属性的设备代码的最小值,默认会一个元素沾满一整行。
2.快速入门:
1.下载Bootstrap。
2.在项目中将这三个文件夹复制。
3.创建html页面,引入必要的资源文件。
3.在文档中有一些格式可以直接拿来用(Carousel · Bootstrap v4 中文文档 v4.6 | Bootstrap 中文网 (bootcss.com))不做示例了
标签:插件,格子,Bootstrap,栅格,页面,设备 From: https://www.cnblogs.com/lin513/p/17019282.html