Bootstrap栅格系统、栅格系统注意事项

Bootstrap栅格系统

同一套页面可以兼容不同的分辨率

实现：依赖于栅格系统：将一个平均分成12个格子，可以指定元素占几个格子

步骤：

　　定义容器，相当于之前table

　　定义行，相当于之前的tr　　

2，定义元素，指定该元素在不同的设备上，所占的格子的数目，样式：col-设备代号-格子数目

　　设备代号：

1. xs:超小屏幕手机(<768px) : col-xs-122.

sm :小屏幕平板(≥768px)
3. md :中等屏幕桌面显示器(2992px)4.

lg:大屏幕大桌面显示器(21200px)

栅格系统注意事项

　　注意事项：

　　　　1.一行如果格子超过12个，则自动换行

　　　　2.栅格类属性可以向上兼容

　　　　3．如果真实设备宽度小于了设置栅格类属性的设备代码的最小值，会一个元秦沾满一整行。