本文介绍了移动Web开发中的响应式布局原理，包括使用媒体查询设置不同设备的布局和样式。详细讲解了Bootstrap框架，包括其简介、使用步骤、布局容器和栅格系统。通过Bootstrap的栅格系统，可以实现灵活的响应式设计，如列嵌套、偏移和排序。文章还强调了响应式工具在不同设备上的应用。
目标
-
能够说出响应式原理
-
能够使用媒体查询完成响应式导航
-
能够使用Bootstrap的栅格系统
-
能够使用bootstrap的响应式工具
-
能够独立完成阿里百秀首页案例
目录
-
响应式开发
-
Bootstrap前端开发框架
-
Bootstrap栅格系统
-
阿里百秀首页案例
1 .响应式开发
1.1 响应式开发原理
就是使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同设备的目的。
最低0.47元/天 解锁文章
扫一扫
评论 1
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
