《Vue.js BootstrapWeb开发案例教程（在线实训版）》课件 17.pptx

Vue+Bootstrap 2021.06 Vue+Bootstrap 主讲：温谦 第17章 响应式产品落地页 页面结构分析 默认手机端 适配平板 适配PC DEMO（响应式产品落地页） 第17章 响应式产品落地页 第17章 响应式产品落地页 案例效果 第17章 响应式产品落地页 页面结构分析 页头：包含logo，以及登录和注册按钮。 第一屏：两行文字加按钮，并且和页头使用同一个背景图片。 图文介绍：图片和相应的文字组合。从上下布局过渡到左右布局，有两种形式，图片在左侧或右侧，且背景色不同。 课程特色：图标、标题、文字和链接的组合。从一行一个过渡到一行三个，且每个课程特色从左右布局过渡到上下布局。 页脚：文字居中。 第17章 响应式产品落地页 Bootstrap的理念是移动优先，我们先制作好移动端页面，然后再逐步适配平板和PC。 默认手机端 制作页头和页脚 制作第一屏 制作图片介绍 制作课程特色 适配平板 适配PC 第17章 响应式产品落地页 DEMO 请看第18章—— 综合案例——“豪华版”待办事项