bootstrap的应用

1.<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">是什么意思？

bootstrap的默认是分成12栏，有大屏（>1200px）、中屏（大于992px的屏小于1200px的屏）、小屏（大于768px小于992px的屏）、超小屏（小于768px的屏，一般是指移动端）

<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">这串代码的意思就是：

屏幕为lg的大屏时，展示4列，每列占3份；

屏幕为md时，也是展示4列，每列占3份；

屏幕为sm时，也是展示2列，每列占6份；

屏幕为xs时，也是展示1列，每列占12份；