1.bootstrap 是由Twitter 公司开发维护的前端UI框架,它提供了大量编写好的css样式,允许开发者结合一定的html和js快速编写功能完善的网页及常见的交互效果。中文官网:https://www.bootcss.com/
2.bootstrap栅格系统
栅格化是将网页的宽度分成若干等份,bootstrap默认将网页分成12等份,下面是不同屏幕的尺寸对应的类型。*表示将网页分成几等份。
超小屏幕 | 小屏幕 | 中等屏幕 | 大屏幕 | |
响应断点 | <768px | >=768px | >=992px | >=1200px |
别名 | xs | sm | md | lg |
容器宽度 | 100% | 750px | 970px | 1170px |
类前缀 | col-xs-* | col-sm-* | col-md-* | col-lg-* |
列数 | 12 | 12 | 12 | 12 |
列间隙 | 30px | 30px | 30px | 30px |