3.5 响应式栅格

可以根据不同屏幕的分辨率有不同的分列方案,是为响应式栅格。col-md-5,这里的md表示中等屏幕显示器,大于等于992px的显示器都会生效。类似这样的还有三个:
大屏幕:lg(large) 大于等于1200像素生效
小屏幕:sm(small) 大于等于768像素生效
超小屏幕:xs(extra small) 小于768像素生效

每个容器,都可以使用多个栅格类,这样在不同屏幕下就会有不同的宽度,例如:
div class="col-xs-12 col-sm-10 col-md-7"
这个表示此div在超小屏幕下占满12份,也就是整行,在小屏幕下占10份,在中等屏幕下占7份
这里没有定义大屏幕,注意md的适用范围是大于等于992px,也就是说中屏幕大屏幕没有区分