响应布局
文章目录一、响应式开发二、bootstrap前端开发框架三、bootstrap网格系统一、响应式开发
/*在媒体查询中设置容器宽度大小*/@ mediascreenand (max-width :767 px ).container ) width:100%； } @ mediascreenand (最小- width :768 px ).container ) width3360750px； } @ mediascreenand (最小- width :992 px ).container ) width3360970px； } @ mediascreenand (最小宽度：1200 px (.container ) width33601170px； (二、bootstrap前端开发框架
三. bootstrap网格系统
例如：
divclass=' container ' divclass=' row '！ -共有四个箱子被分成十二等份，所以每个箱子占三个--- divclass=' col-LG-3 '1/divdivclass=' col-LG-3 '2/divdivclass=' col 可以设置不同屏幕尺寸所占的份数--- divclass=' col-LG-6 col-MD-4 '1/divdivclass=' col-LG-2col-MD-4 '2/divdivclass
嵌套列
列偏移：相当于边距左
列排序
显示和隐藏
案例：蚂蚁百秀
静态网站：阿里百秀项目