学习使用Bootstrap栅格系统

Bootstrap之栅格系统 Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统。 一. 移动设备优先 所谓移动设备优先，重要的是屏幕，不是设备。 移动设备优先就是说起初样式是在移动设备写的，然后写到sm尺寸的时候样式得改变了，于是就加media screen max-width >=768， 再写sm的样式，这样尺寸递进就完成了所有的媒体查询，由于不加media query的样式是在最小尺寸，也就是移动设备上写的，所以叫做移动设备优先。 移动设备优先有一份非常重要的 meta，用于设置屏幕和设备等宽以及是否运行用户缩放，及缩放比例的问题。 //分别为：屏幕宽度和设备一致、初始缩