Bootstrap框架——布局常用样式
Bootstrap是Twitter开源的基于HTML、CSS、JavaScript的前端框架。
它是为实现快速开发Web应用程序而设计的一套前端工具包。
它支持响应式布局，并且在V3版本之后坚持移动设备优先。
Bootstrap是一个前端开发的框架，其实就是一堆HTML代码，有一些自带的CSS样式类（只需要记忆常用的CSS样式类）
官网链接地址：https://v3.bootcss.com/
1-布局容器类——container类
Bootstrap 需要为页面内容和栅格系统包裹一个 .container 容器。我们提供了两个作此用处的类。注意，由于 padding 等属性的原因，这两种 容器类不能互相嵌套。
.container 类用于固定宽度并支持响应式布局的容器。
2-栅格系统
Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。栅格系统提供了48个类
设备分类 | 超小屏幕-手机（<768px） | 小屏幕-平板（>=768px） | 中等屏幕-PC端屏幕(>=992px) | 大屏幕-台式显示器（>=1200px） |
| .container最大宽度 | None （自动） | 750px | 970px | 1170px |
| 类前缀 | .col-xs | .col-sm | .col-md | .col-lg |
| 所占列数 | 默认占12列 | 例：.col-sm-3:表示在小屏以上，一个元素占3列，一行可以放三个元素 | ||
| 偏移（offsets） | | | | |
- 上一篇 »CSS网站框架及样式命名规范
- 下一篇 »常用div+css三列布局结构与样式，一
相关推荐
Bootstrap常用表单布局
参考链接：https://blog.csdn.net/shuai_wy/article/details/78978023
时间：2023-06-17 14:16
