西北中 8、组合嵌套(2)
2. 具备灵活运用Flex的能力 知识目标：1. 掌握响应式布局的基础知识 2. 掌握Flex布局的基本语法 3. 掌握运用Flex布局实现各种响应式布局的方法素质目标：1. 培养学生信息搜集能力 2. 培养学生团结合作、互帮互助的能力 教学内容1. 任务描述 2. 任务展示与实现 （1）创建响应式布局的基本结构 （2）实现云景旅游...
PAGE 第9章 使用Bootstrap实现网页响应式布局课程名称 Web前端开发项目名称使用Bootstrap实现网页响应式布局任务名称使用Bootstrap实现网页响应式布局课时 6 项目性质□演示性 □验证性 □设计性 √综合性 授课班级授课日期授课地点教学目的能力目的: 1. 具备应用Bootstrap实现响应式布局地能力 2. 具备灵活运用Bootstrap...
解决方案1:您可以使用CSS中的浮动特性,结合float-end和float-startBootstrap类来实现。具体可以参考Bootstrap的相关文档。 Sidebar Top Content Sidebar bottom 进入全屏查看并将浏览器宽度
课程内容描述一、响应式布局基础无论使用Flex布局还是Bootstrap框架实现响应式网页,都必须首先掌握响应式布局的基础知识,主要包括:VieWPOrt设置、百分比宽度布局、相对大小子体、弹性图片、媒体查询,下面逐一进行介绍。二、Flex布局采用Flex布局的元素,简称“容器”。它的所有子元素自动成为容器成员,简称“项目” 4、。容器...
课程内容描述一,响应式布局基础无论使用Flex布局还是Bootstrap框架实现响应式网页,都需要首先掌握响应式布局地基础知识,主要包括:viewport设置,百分比宽度布局,相对大小字体,弹性图片,媒体查询,下面逐一进行介绍。二,Flex布局采用Flex布局地元素,简称“容器”。它地所有子元素自动成为容器成员,简称“项目”。容器默认存在...
1. 具备应用Bootstrap实现响应式布局的能力 2. 具备灵活运用Bootstrap的能力 知识目标：1. 掌握Bootstrap框架的基本语法 2. 掌握运用Bootstrap实现各种响应式布局的方法素质目标：1. 培养学生信息搜集能力 2. 培养学生团结合作、互帮互助的能力 教学内容1. 任务描述 2. 任务展示与实现 （1）实现云景旅游公司首页...
1. 具备应用Bootstrap实现响应式布局的能力 2. 具备灵活运用Bootstrap的能力 知识目标：1. 掌握Bootstrap框架的基本语法 2. 掌握运用Bootstrap实现各种响应式布局的方法素质目标：1. 培养学生信息搜集能力 2. 培养学生团结合作、互帮互助的能力 教学内容1. 任务描述 2. 任务展示与实现 （1）实现云景旅游公司首页...