下面要学习响应式布局啦,加油,马上就要结束了,狠想开启js了.
响应式布局
响应式开发原理
就是使用媒体查询针对不同宽度的设备进行布局和样式的设置,从而适配不同设备的目的....响应式布局容器
响应式需要一个父级作为布局容器,来配合子级元素来实现变化效果....bootstrap提供了一套响应式,移动设备优先的流式栅格系统,随着屏幕或视口的尺寸的增加,系统会自动最多分为12列....:大;
列(column)大于12,多余的"列(column)"所在的元素将被作为一个整体另起一行排列
每一列默认有左右15px的padding,使用类名为row的盒子可以去除15px的边距
可以同时为一列指定多个设备的类名...如果孩子的份数不满12,则占不满整个盒子,会有空白. 如果大于12,那么多出的那一列将会另起一行显示.