bootstrap柵格

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

.col-sm- 小屏幕 平板 (≥768px)

.col-md- 中等屏幕 桌面显示器 (≥992px)

.col-lg- 大屏幕 大桌面显示器 (≥1200px)

分为12个格子  -后面的1代表占12分子1也就是一份

1.中等屏幕

			

				
1
				
2
				
3
				
4
				
5
				
6
				
7
				
8
				
9
				
10
				
11
				
12
			
			

				
9
				
3
			
			

				
4
				
4
				
4
			
		

 

 2.兼容写法

本人电脑是1920PX，所以适用的是LG，也就是12等份占3份，一行也就是4个格子。 

3. 偏移

		

			

				
8
				
3
			
		
		

 

4.嵌套

 

5.交换位置

		

			

				
9
				
3