【Bootstrap】栅格系统-学习总结

本文章转载自，本文只是做一个学习记录： https://www.cnblogs.com/JerryTao/p/5476027.html

栅格系统单元格的大小类型

有时候栅格系统在不同大小的屏幕上回失效，现象就是排版都乱掉了，原来单元格大小可以针对不同分辨率大小的屏幕进行自动选择的。当屏幕大小范围不符合时，其他的会自动失效
单元格的类还有其他选择 ,一共有四种：　　　　
　　　　.col-xs-　　无论屏幕宽度如何，单元格都在一行，宽度按照百分比设置；试用于手机；
　　　　.col-sm-　　屏幕大于768px时，单元格在一行显示；屏幕小于768px时，独占一行；试用于平板；
　　　　.col-md-　　屏幕大于992px时，单元格在一行显示；屏幕小于992px时，独占一行；试用于桌面显示器；
　　　　.col-lg-　　屏幕大于1200px时，单元格在一行显示；屏幕小于1200px时，独占一行；适用于大型桌面显示器；